@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=Source+Sans+3:wght@400;500;600&display=swap";:root{--color-navy: #0a1524;--color-prussian: #152d4e;--color-royal: #035695;--color-electric: #0c93fa;--color-sky: #bfdcf2;--color-sky-light: #e8f4fd;--color-white: #ffffff;--color-gray-50: #f8fafc;--color-gray-100: #f1f5f9;--color-gray-200: #e2e8f0;--color-gray-300: #cbd5e1;--color-gray-400: #94a3b8;--color-gray-500: #64748b;--color-gray-600: #475569;--color-gray-700: #334155;--color-gray-800: #1e293b;--color-gray-900: #0f172a;--color-gold: #ffcd05;--color-gold-dark: #d4a904;--color-success: #059669;--color-success-light: #d1fae5;--color-error: #dc2626;--color-error-light: #fee2e2;--font-display: "DM Sans", system-ui, sans-serif;--font-body: "Source Sans 3", system-ui, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-glow: 0 0 40px rgba(12, 147, 250, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--max-width-sm: 480px;--max-width-md: 640px;--max-width-lg: 1024px;--max-width-xl: 1200px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);font-size:16px;line-height:1.6;color:var(--color-gray-700);background:var(--color-gray-50);min-height:100vh}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2;color:var(--color-prussian)}a{color:var(--color-royal);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-electric)}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-header{position:sticky;top:0;z-index:100;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-gray-200);height:var(--header-height)}.app-header__inner{max-width:var(--max-width-xl);margin:0 auto;padding:0 var(--space-6);height:100%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:inherit}.brand__icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-royal) 0%,var(--color-electric) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:11px;color:#fff;letter-spacing:.05em}.brand__text{display:flex;flex-direction:column}.brand__name{font-family:var(--font-display);font-weight:800;font-size:1rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-prussian);line-height:1.1}.brand__tagline{font-size:.7rem;color:var(--color-gray-500);font-weight:500}.header-nav{display:flex;align-items:center;gap:var(--space-4)}.app-main{flex:1}.app-footer{background:transparent;color:var(--color-gray-500);padding:var(--space-8) var(--space-6);margin-top:auto}.app-footer__inner{max-width:var(--max-width-xl);margin:0 auto;display:flex;justify-content:center;align-items:center;text-align:center;font-size:.875rem}.app-footer a{color:var(--color-royal)}.app-footer a:hover{color:var(--color-electric)}.section{padding:var(--space-16) var(--space-6)}.section--hero{padding:var(--space-20) var(--space-6);background:linear-gradient(180deg,var(--color-white) 0%,var(--color-gray-50) 100%);position:relative;overflow:hidden}.section--hero:before{content:"";position:absolute;top:-50%;right:-20%;width:60%;height:150%;background:radial-gradient(ellipse,rgba(12,147,250,.08) 0%,transparent 70%);pointer-events:none}.section--dark{background:var(--color-navy);color:var(--color-gray-100)}.section--dark h1,.section--dark h2,.section--dark h3{color:#fff}.container{max-width:var(--max-width-xl);margin:0 auto;position:relative}.container--sm{max-width:var(--max-width-sm)}.container--md{max-width:var(--max-width-md)}.container--full{max-width:none;width:100%;padding-inline:var(--space-6)}.hero{text-align:center;max-width:720px;margin:0 auto}.hero__badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-royal);background:var(--color-sky-light);border:1px solid var(--color-sky);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-6)}.hero__title{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;letter-spacing:-.03em;margin-bottom:var(--space-5);color:var(--color-navy)}.hero__subtitle{font-size:1.125rem;color:var(--color-gray-600);max-width:540px;margin:0 auto var(--space-8);line-height:1.7}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-6);margin-top:var(--space-12);padding-top:var(--space-12);border-top:1px solid var(--color-gray-200)}.stat{text-align:center}.stat__value{font-family:var(--font-display);font-size:2.5rem;font-weight:800;color:var(--color-royal);line-height:1;display:block}.stat__label{font-size:.8rem;color:var(--color-gray-500);text-transform:uppercase;letter-spacing:.08em;margin-top:var(--space-2)}.card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base)}.card--elevated{box-shadow:var(--shadow-lg)}.card--hover:hover{box-shadow:var(--shadow-xl);transform:translateY(-2px)}.card__icon{width:56px;height:56px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-sky-light) 0%,var(--color-sky) 100%);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--color-royal);margin-bottom:var(--space-5)}.card__title{font-size:1.25rem;margin-bottom:var(--space-2)}.card__desc{color:var(--color-gray-600);font-size:.95rem;margin-bottom:var(--space-5)}.pillar-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-5)}.pillar-card{position:relative;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);cursor:pointer;transition:all var(--transition-base);text-align:left;font:inherit;color:inherit}.pillar-card:hover:not(:disabled){border-color:var(--color-electric);box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-4px)}.pillar-card:disabled{opacity:.5;cursor:not-allowed}.pillar-card--active{border-color:var(--color-royal);background:var(--color-sky-light)}.pillar-card__letter{font-family:var(--font-display);font-size:3rem;font-weight:800;color:var(--color-royal);line-height:1;margin-bottom:var(--space-3)}.pillar-card__name{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--color-prussian);margin-bottom:var(--space-2)}.pillar-card__desc{font-size:.875rem;color:var(--color-gray-500);margin:0;line-height:1.5}.question-list{display:flex;flex-direction:column;gap:var(--space-5)}.question-card{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);padding:var(--space-6);animation:slideUp .4s ease-out forwards;opacity:0}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.question-card__header{display:flex;gap:var(--space-4);align-items:flex-start;margin-bottom:var(--space-5)}.question-card__number{flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-md);background:var(--color-royal);color:#fff;font-family:var(--font-display);font-weight:700;display:flex;align-items:center;justify-content:center}.question-card__text{font-size:1.05rem;color:var(--color-gray-800);margin:0;padding-top:var(--space-2)}.question-card__actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4)}.question-card__input{flex:1;min-width:120px;max-width:180px}.question-card--active{opacity:1;animation:slideUp .4s ease-out forwards;scroll-margin-top:calc(var(--header-height) + var(--space-8));scroll-margin-bottom:var(--space-16)}.section--quiz{padding-bottom:var(--space-8)}.section--quiz-question{padding-top:0;padding-bottom:var(--space-8);min-height:50vh}.section--compact{padding-top:var(--space-6);padding-bottom:var(--space-12)}.quiz{text-align:center}.quiz__title{margin-bottom:var(--space-4)}.quiz__pillar-letter{color:var(--color-royal)}.quiz-intro{max-width:480px;margin:var(--space-6) auto 0}.quiz-intro__desc{font-size:1.125rem;color:var(--color-gray-700);line-height:1.7;margin-bottom:var(--space-4)}.quiz-intro__hint{font-size:.95rem;color:var(--color-gray-500);margin-bottom:var(--space-8);line-height:1.6}.quiz-progress{margin-top:var(--space-6)}.quiz-rating{display:flex;justify-content:center;gap:var(--space-5);margin-top:var(--space-8);flex-wrap:wrap}.quiz-rating__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);background:none;border:none;padding:var(--space-2);cursor:pointer;font:inherit;color:inherit;transition:transform var(--transition-fast)}.quiz-rating__option:hover:not(:disabled){transform:translateY(-2px)}.quiz-rating__option:disabled{opacity:.5;cursor:not-allowed}.quiz-rating__circle{width:40px;height:40px;border-radius:50%;border:2px solid var(--color-gray-300);background:var(--color-white);transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.quiz-rating__option--selected .quiz-rating__circle{background:var(--color-gold);border-color:var(--color-gold-dark);box-shadow:0 0 0 4px #ffcd0540}.quiz-rating__value{font-family:var(--font-display);font-size:.875rem;font-weight:600;color:var(--color-gray-500)}.quiz-rating__option--selected .quiz-rating__value{color:var(--color-prussian)}.quiz-actions{display:flex;justify-content:center;margin-top:var(--space-8)}.form-stack{display:flex;flex-direction:column;gap:var(--space-5)}.form-field{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-family:var(--font-display);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-600)}.form-input{width:100%;padding:var(--space-4) var(--space-5);font-family:var(--font-body);font-size:1rem;color:var(--color-gray-800);background:var(--color-gray-50);border:1.5px solid var(--color-gray-300);border-radius:var(--radius-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.form-input:focus{outline:none;background:var(--color-white);border-color:var(--color-electric);box-shadow:0 0 0 4px #0c93fa1f}.form-input:disabled{opacity:.6;cursor:not-allowed}.form-input--code{font-family:var(--font-display);font-size:2rem;font-weight:700;letter-spacing:.3em;text-align:center;padding:var(--space-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-fast);text-decoration:none;line-height:1}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--primary{background:var(--color-royal);color:#fff;border-color:var(--color-royal)}.btn--primary:hover:not(:disabled){background:var(--color-prussian);border-color:var(--color-prussian)}.btn--secondary{background:var(--color-white);color:var(--color-prussian);border-color:var(--color-gray-300)}.btn--secondary:hover:not(:disabled){border-color:var(--color-royal);color:var(--color-royal)}.btn--ghost{background:transparent;color:var(--color-gray-600);border-color:transparent}.btn--ghost:hover:not(:disabled){background:var(--color-gray-100);color:var(--color-royal)}.btn--gold{background:var(--color-gold);color:var(--color-navy);border-color:var(--color-gold)}.btn--gold:hover:not(:disabled){background:var(--color-gold-dark);border-color:var(--color-gold-dark)}.btn--workshop-action{font-size:.75rem;padding:var(--space-2) var(--space-4);white-space:nowrap}.btn--danger{background:transparent;color:var(--color-error);border-color:#dc26264d}.btn--danger:hover:not(:disabled){background:var(--color-error-light)}.btn--danger-solid{background:var(--color-error);color:#fff;border-color:var(--color-error)}.btn--danger-solid:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c}.btn--half-lg{padding:calc(var(--space-5) * .5) calc(var(--space-8) * .5);font-size:.875rem}.btn--block{width:100%}.btn--lg{padding:var(--space-5) var(--space-8);font-size:1rem}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);font-size:.9rem;margin-bottom:var(--space-5);border:1px solid transparent}.alert--error{background:var(--color-error-light);color:var(--color-error);border-color:#dc262633}.alert--success{background:var(--color-success-light);color:var(--color-success);border-color:#05966933}.alert--info{background:var(--color-sky-light);color:var(--color-royal);border-color:var(--color-sky)}.badge{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-display);font-size:.75rem;font-weight:600;padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:var(--color-gray-100);color:var(--color-gray-600);border:1px solid var(--color-gray-200)}.badge--primary{background:var(--color-sky-light);color:var(--color-royal);border-color:var(--color-sky)}.badge--success{background:var(--color-success-light);color:var(--color-success)}.auth-layout{min-height:calc(100vh - var(--header-height));display:flex;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:radial-gradient(ellipse 80% 50% at 20% 10%,rgba(12,147,250,.08),transparent),radial-gradient(ellipse 60% 40% at 80% 90%,rgba(3,86,149,.06),transparent),var(--color-gray-50)}.auth-card{width:100%;max-width:var(--max-width-sm);animation:fadeIn .5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-card__header{text-align:center;margin-bottom:var(--space-8)}.auth-card__title{font-size:1.75rem;margin-bottom:var(--space-2)}.auth-card__subtitle{color:var(--color-gray-500)}.auth-card__footer{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--color-gray-200);text-align:center;font-size:.9rem;color:var(--color-gray-500)}.admin-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.admin-grid{grid-template-columns:1fr 1fr}.admin-grid__full{grid-column:1 / -1}}.workshop-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.workshop-item{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-gray-50);border:1px solid var(--color-gray-200);border-radius:var(--radius-md)}.workshop-item__info{display:flex;flex-direction:column;gap:var(--space-1)}.workshop-item__name{font-weight:600;color:var(--color-prussian)}.workshop-item__code{font-family:var(--font-display);font-size:.85rem;color:var(--color-gray-500)}.workshop-item--ended{opacity:.85}.join-code-display{font-family:var(--font-display);font-size:2.5rem;font-weight:800;letter-spacing:.2em;color:var(--color-royal);padding:var(--space-5);background:var(--color-sky-light);border:2px dashed var(--color-sky);border-radius:var(--radius-lg);text-align:center;margin:var(--space-4) 0}.table-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.table-tag{font-family:monospace;font-size:.75rem;padding:var(--space-1) var(--space-2);background:var(--color-gray-100);border:1px solid var(--color-gray-200);border-radius:var(--radius-sm)}.text-center{text-align:center}.text-muted{color:var(--color-gray-500)}.text-small{font-size:.875rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.flex{display:flex}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;gap:var(--space-4)}.loading-spinner{width:48px;height:48px;border:4px solid var(--color-gray-200);border-top-color:var(--color-royal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{border:none;border-top:1px solid var(--color-gray-200);margin:var(--space-8) 0}.page-actions{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-top:var(--space-8)}.home-dashboard{max-width:560px;margin:0 auto;text-align:left}.home-workshop-list{margin-bottom:var(--space-4)}.workshop-list-header{font-family:var(--font-display);font-size:1rem;font-weight:600;color:var(--color-prussian);text-align:left;margin-bottom:var(--space-3)}.section--dashboard{padding-top:var(--space-12);padding-bottom:var(--space-12)}.dashboard{text-align:center}.dashboard__title{margin-bottom:var(--space-3)}.dashboard__subtitle{margin-bottom:var(--space-6)}.section--dashboard .dashboard-actions--top{margin-bottom:var(--space-5)}.dashboard-actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.dashboard-actions--top{margin-bottom:var(--space-8)}.dashboard-actions--bottom{margin-top:var(--space-8)}.dashboard-actions__primary{width:100%;max-width:320px}.sign-out-link{background:none;border:none;padding:0;font-family:var(--font-body);font-size:.8rem;color:var(--color-gray-500);text-decoration:underline;text-underline-offset:2px;cursor:pointer;transition:color var(--transition-fast)}.sign-out-link:hover:not(:disabled){color:var(--color-gray-700)}.sign-out-link:disabled{opacity:.5;cursor:not-allowed}.results-page{padding-top:var(--space-8);padding-bottom:var(--space-12);min-height:calc(100vh - 72px)}.results-page__toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-8)}.results-page__meta{margin:0;font-size:.875rem}.results-table__title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--color-prussian);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--space-6);text-align:left}.results-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--space-4);margin-bottom:var(--space-6)}.results-toolbar .form-field{flex:1;min-width:160px;max-width:240px}.results-grid-wrap{overflow:auto;border:1px solid var(--color-gray-200);border-radius:var(--radius-lg);background:var(--color-white);max-height:70vh}.results-grid-wrap--full{max-height:none;min-height:calc(100vh - 220px)}.results-grid{width:100%;border-collapse:collapse;font-size:.875rem}.results-grid th,.results-grid td{border:1px solid var(--color-gray-200);padding:var(--space-3) var(--space-4);text-align:center;vertical-align:middle;min-width:100px}.results-grid__corner,.results-grid__row-header{position:sticky;left:0;z-index:2;background:var(--color-gray-50);text-align:left;min-width:240px;max-width:420px;font-weight:600;color:var(--color-prussian);vertical-align:top;white-space:normal;line-height:1.4}.results-grid__question-label{display:block;text-align:left}.results-grid__order{font-family:var(--font-display);font-weight:700;color:var(--color-gray-500);margin-right:var(--space-2)}.results-grid thead th{position:sticky;top:0;z-index:3;background:var(--color-navy);color:var(--color-white);font-family:var(--font-display);font-size:.75rem;font-weight:600;letter-spacing:.03em;white-space:nowrap}.results-grid thead .results-grid__corner{z-index:4;background:var(--color-prussian);color:var(--color-white)}.results-grid tbody td{font-family:var(--font-display);font-weight:700;color:var(--color-royal);background:var(--color-white)}.results-grid tbody td.results-grid__empty{color:var(--color-gray-400);font-weight:400}.results-grid tbody tr:nth-child(2n) .results-grid__row-header{background:var(--color-gray-100)}.results-grid tbody tr:nth-child(2n) td:not(.results-grid__row-header){background:var(--color-gray-50)}@media(max-width:640px){.section--hero{padding:var(--space-12) var(--space-5)}.hero__title{font-size:1.75rem}.stats-row{grid-template-columns:repeat(2,1fr)}.pillar-grid{grid-template-columns:1fr}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}}