.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-sans);font-weight:600;border-radius:var(--radius-md);transition:all var(--transition-fast);text-decoration:none;line-height:1;white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;border:1px solid transparent;gap:.5rem}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn:active:not(:disabled){transform:translateY(1px)}.btn--sm{padding:.5rem .875rem;font-size:.875rem;border-radius:var(--radius-sm)}.btn--md{padding:.75rem 1.375rem;font-size:.9375rem}.btn--lg{padding:.95rem 1.875rem;font-size:1.0625rem;border-radius:var(--radius-lg)}.btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 2px 4px #0f766e33}.btn--primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:0 4px 10px #0f766e4d;transform:translateY(-1px)}.btn--secondary{background-color:var(--color-surface-subtle);color:var(--color-text-primary);border-color:var(--color-border)}.btn--secondary:hover:not(:disabled){background-color:var(--color-surface-muted);border-color:var(--color-border-hover);transform:translateY(-1px)}.btn--outline{background-color:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--outline:hover:not(:disabled){background-color:var(--color-primary-light);transform:translateY(-1px)}.btn--ghost{background-color:transparent;color:var(--color-text-secondary)}.btn--ghost:hover:not(:disabled){background-color:var(--color-surface-muted);color:var(--color-text-primary)}.btn--disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important;box-shadow:none!important}.btn__icon{flex-shrink:0;width:1.125rem;height:1.125rem;display:inline-block}.btn--sm .btn__icon{width:1rem;height:1rem}.btn--lg .btn__icon{width:1.25rem;height:1.25rem}.auth-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172abf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:1100;padding:1rem;animation:fadeIn .2s ease-out}.auth-modal-card{background:var(--color-bg-card, #ffffff);border-radius:var(--radius-xl, 1rem);width:100%;max-width:440px;box-shadow:0 25px 50px -12px #00000040;border:1px solid var(--color-border, #e2e8f0);overflow:hidden;animation:scaleUp .25s cubic-bezier(.16,1,.3,1)}.auth-modal__header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem 1.5rem 1rem;border-bottom:1px solid var(--color-border, #e2e8f0)}.auth-brand{display:flex;align-items:center;gap:.75rem}.auth-brand__icon{width:42px;height:42px;border-radius:50%;background:var(--color-primary-light, #f0fdfa);color:var(--color-primary, #0f766e);display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-brand__title{font-size:.9375rem;font-weight:800;letter-spacing:.05em;color:var(--color-primary, #0f766e);margin:0}.auth-brand__sub{font-size:.8125rem;color:var(--color-text-muted, #64748b);margin:.15rem 0 0}.auth-modal__close{background:transparent;border:none;color:var(--color-text-muted, #64748b);cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s}.auth-modal__close:hover{background:var(--color-bg-alt, #f1f5f9);color:var(--color-text, #0f172a)}.auth-modal__tabs{display:flex;background:var(--color-bg-alt, #f8fafc);border-bottom:1px solid var(--color-border, #e2e8f0);padding:.35rem;gap:.35rem}.auth-tab-btn{flex:1;padding:.65rem 1rem;font-size:.875rem;font-weight:600;border:none;background:transparent;color:var(--color-text-muted, #64748b);border-radius:var(--radius-md, .5rem);cursor:pointer;transition:all .2s ease}.auth-tab-btn--active{background:#fff;color:var(--color-primary, #0f766e);box-shadow:0 2px 4px #0000000f}.auth-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.15rem}.auth-form__group{display:flex;flex-direction:column;gap:.4rem}.auth-form__group label{font-size:.8125rem;font-weight:600;color:var(--color-text, #334155)}.auth-label-row{display:flex;justify-content:space-between;align-items:center}.auth-link-btn{background:none;border:none;font-size:.75rem;font-weight:600;color:var(--color-primary, #0f766e);cursor:pointer;padding:0}.auth-link-btn:hover{text-decoration:underline}.auth-input-wrapper{position:relative;display:flex;align-items:center}.auth-input-icon{position:absolute;left:.85rem;color:var(--color-text-muted, #94a3b8);pointer-events:none}.auth-input-wrapper input{width:100%;padding:.75rem 2.5rem .75rem 2.6rem;border:1px solid var(--color-border, #cbd5e1);border-radius:var(--radius-md, .5rem);font-size:.875rem;color:var(--color-text, #0f172a);background:#fff;transition:border-color .2s,box-shadow .2s}.auth-input-wrapper input:focus{outline:none;border-color:var(--color-primary, #0f766e);box-shadow:0 0 0 3px #0f766e26}.auth-password-toggle{position:absolute;right:.85rem;background:none;border:none;color:var(--color-text-muted, #94a3b8);cursor:pointer;padding:.2rem;display:flex;align-items:center;justify-content:center}.auth-password-toggle:hover{color:var(--color-text, #0f172a)}.auth-alert{margin:1rem 1.5rem 0;padding:.75rem 1rem;border-radius:var(--radius-md, .5rem);display:flex;align-items:center;gap:.6rem;font-size:.8125rem;font-weight:500}.auth-alert--error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.auth-forgot-success{padding:2rem 1.5rem;text-align:center}.auth-forgot-success__icon{width:56px;height:56px;background:#ecfdf5;color:#059669;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}.auth-forgot-success h4{font-size:1.125rem;font-weight:700;color:var(--color-text, #0f172a);margin-bottom:.5rem}.auth-forgot-success p{font-size:.875rem;color:var(--color-text-muted, #64748b);line-height:1.5}.auth-back-to-login{background:none;border:none;font-size:.8125rem;font-weight:600;color:var(--color-primary, #0f766e);cursor:pointer;text-align:center;margin-top:.5rem}.auth-back-to-login:hover{text-decoration:underline}.auth-modal__footer{padding:.85rem 1.5rem;background:var(--color-bg-alt, #f8fafc);border-top:1px solid var(--color-border, #e2e8f0)}.auth-modal__footer p{font-size:.75rem;color:var(--color-text-muted, #64748b);margin:0;line-height:1.4;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.achievement-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0f172acc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1200;padding:1rem;animation:fadeIn .25s ease-out}.achievement-modal-card{position:relative;background:linear-gradient(145deg,#0f172a,#1e293b);border-radius:var(--radius-xl, 1.25rem);width:100%;max-width:480px;box-shadow:0 25px 50px -12px #00000080,0 0 40px #0f766e40;border:1px solid rgba(255,255,255,.12);overflow:hidden;padding:2.25rem 2rem 2rem;text-align:center;color:#fff;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275)}.achievement-modal__glow{position:absolute;top:-100px;left:50%;transform:translate(-50%);width:250px;height:250px;background:radial-gradient(circle,#14b8a666,#14b8a600 70%);pointer-events:none}.achievement-modal__close{position:absolute;top:1rem;right:1rem;background:#ffffff14;border:none;color:#94a3b8;cursor:pointer;padding:.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:2}.achievement-modal__close:hover{background:#fff3;color:#fff}.achievement-badge-pill{display:inline-flex;align-items:center;gap:.4rem;background:#14b8a62e;border:1px solid rgba(20,184,166,.4);color:#2dd4bf;padding:.35rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.75rem}.achievement-modal__title{font-size:1.5rem;font-weight:800;letter-spacing:-.02em;color:#fff;margin:0 0 1.5rem}.achievement-modal__list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.75rem}.achievement-unlocked-item{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg, .875rem);padding:1.25rem;display:flex;align-items:center;gap:1.15rem;text-align:left}.achievement-unlocked-icon-wrap{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#0d9488,#0f766e);color:#fff;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 16px #0d948859;border:2px solid rgba(255,255,255,.25)}.achievement-unlocked-content{flex:1}.achievement-unlocked-name{font-size:1.0625rem;font-weight:700;color:#f8fafc;margin:0 0 .25rem}.achievement-unlocked-desc{font-size:.8125rem;color:#94a3b8;margin:0;line-height:1.4}.achievement-modal__actions{display:flex;gap:.75rem}@keyframes popIn{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.site-header{position:sticky;top:0;z-index:100;height:var(--header-height);background-color:#ffffffeb;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);transition:all var(--transition-normal)}.site-header__container{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}.brand{display:flex;align-items:center;gap:.75rem;text-align:left;cursor:pointer;padding:.25rem 0}.brand__logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--color-primary),var(--color-accent));display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 8px var(--color-primary-glow)}.brand__typography{display:flex;flex-direction:column}.brand__main{font-size:1.125rem;font-weight:800;letter-spacing:.05em;color:var(--color-text-primary);line-height:1.1}.brand__secondary{font-size:.75rem;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:.35rem;letter-spacing:.02em}.brand__dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;display:inline-block;flex-shrink:0}.nav-desktop__list{display:flex;align-items:center;gap:.25rem;list-style:none}.nav-desktop__link{position:relative;font-size:.9375rem;font-weight:600;color:var(--color-text-secondary);padding:.6rem .75rem;border-radius:var(--radius-sm);transition:color var(--transition-fast);display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;cursor:pointer}.nav-desktop__link:hover{color:var(--color-primary);background:none}.nav-desktop__link:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.nav-desktop__link--active{color:var(--color-primary);background:none}.nav-desktop__link--active:after{content:"";position:absolute;bottom:.15rem;left:.75rem;right:.75rem;height:2px;background-color:var(--color-primary);border-radius:2px}.nav-desktop__link--passport{color:var(--color-primary);font-weight:600}.nav-desktop__link--passport:hover{color:var(--color-primary-hover)}.header-user-menu{display:flex;align-items:center;gap:.35rem;background:var(--color-surface-subtle);padding:.2rem .4rem;border-radius:var(--radius-full);border:1px solid var(--color-border)}.header-user-btn{display:flex;align-items:center;gap:.5rem;background:transparent;border:none;cursor:pointer;padding:.15rem .4rem .15rem .15rem}.header-user-avatar{width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.8125rem;font-weight:700;display:flex;align-items:center;justify-content:center}.header-user-name{font-size:.8125rem;font-weight:600;color:var(--color-text-primary)}.header-logout-btn{background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;padding:.35rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.header-logout-btn:hover{background:#fef2f2;color:#dc2626}.header-nav-btn{display:inline-flex;align-items:center;gap:.4rem;font-size:.875rem;font-weight:600;padding:.45rem .75rem;border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;border:1px solid transparent;background:none}.header-nav-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.header-nav-btn--login{color:var(--color-text-primary);background-color:var(--color-surface-subtle);border-color:var(--color-border)}.header-nav-btn--login:hover{color:var(--color-primary);border-color:var(--color-primary-border);background-color:var(--color-primary-light)}.header-nav-btn--admin{color:var(--color-text-muted);background-color:transparent}.header-nav-btn--admin:hover{color:var(--color-text-primary);background-color:var(--color-surface-muted)}.mobile-user-card{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:var(--color-primary-light);border:1px solid var(--color-primary-border);border-radius:var(--radius-lg);margin-bottom:1.25rem;cursor:pointer}.mobile-logout-btn{margin-left:auto;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:.4rem}.mobile-login-box{margin-bottom:1.25rem}.mobile-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:700;color:var(--color-text-inverse);background:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast)}.mobile-login-btn:hover{background-color:var(--color-primary-hover)}.mobile-admin-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-text-secondary);background:var(--color-surface-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.mobile-admin-btn:hover{color:var(--color-text-primary);border-color:var(--color-border-hover);background:var(--color-surface-muted)}.site-header__actions{display:flex;align-items:center;gap:.5rem}.mobile-toggle{display:none;color:var(--color-text-primary);padding:.5rem;border-radius:var(--radius-sm);background:none;border:none;cursor:pointer}.mobile-toggle:hover{background-color:var(--color-surface-subtle)}.nav-mobile-overlay{display:none}@media (max-width: 960px){.nav-desktop,.header-nav-btn--admin{display:none}.mobile-toggle{display:flex;align-items:center;justify-content:center}.nav-mobile-overlay{display:block;position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0f172a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200}.nav-mobile{position:absolute;top:0;right:0;width:85%;max-width:320px;height:100vh;background-color:var(--color-surface);padding:1.5rem;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);overflow-y:auto}.nav-mobile__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.nav-mobile__list{list-style:none;display:flex;flex-direction:column;gap:.35rem;flex:1}.nav-mobile__link{width:100%;text-align:left;font-size:.9375rem;font-weight:600;color:var(--color-text-primary);padding:.7rem .85rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:space-between;transition:all var(--transition-fast);background:none;border:none;cursor:pointer}.nav-mobile__link:hover{background-color:var(--color-surface-subtle);color:var(--color-primary)}.nav-mobile__link--active{background-color:var(--color-primary-light);color:var(--color-primary);font-weight:700}.nav-mobile__footer{padding-top:1rem;margin-top:1rem;border-top:1px solid var(--color-border)}}.site-footer{background-color:var(--color-surface);border-top:1px solid var(--color-border);padding-top:4rem;padding-bottom:2rem}.site-footer__grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:3rem;margin-bottom:3.5rem}.site-footer__brand-col{max-width:420px}.brand--footer{margin-bottom:1.25rem}.site-footer__text{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.6}.site-footer__heading{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-primary);margin-bottom:1.25rem}.site-footer__list{list-style:none;display:flex;flex-direction:column;gap:.75rem}.site-footer__link,.site-footer__link-btn{font-size:.9375rem;color:var(--color-text-secondary);transition:color var(--transition-fast);background:none;border:none;padding:0;cursor:pointer;text-align:left;font-family:inherit;display:inline-flex;align-items:center;gap:.45rem}.site-footer__link:hover,.site-footer__link-btn:hover{color:var(--color-primary)}.site-footer__admin-icon{flex-shrink:0;color:inherit;opacity:.75;transition:opacity var(--transition-fast)}.site-footer__link-btn--admin:hover .site-footer__admin-icon{opacity:1}.brand--footer .brand__dot{width:6px;height:6px;border-radius:50%;background-color:#10b981;display:inline-block;flex-shrink:0}.site-footer__item-active{font-size:.875rem;font-weight:600;color:var(--color-primary);display:flex;align-items:center;gap:.5rem}.site-footer__item-upcoming{font-size:.875rem;color:var(--color-text-muted);display:flex;align-items:center;gap:.5rem}.dot{width:6px;height:6px;border-radius:50%;background-color:var(--color-text-subtle);display:inline-block}.dot--active{background-color:var(--color-accent);box-shadow:0 0 6px var(--color-accent)}.site-footer__bottom{padding-top:2rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.site-footer__copyright{font-size:.875rem;color:var(--color-text-muted)}.site-footer__tagline{font-size:.875rem;font-weight:600;color:var(--color-text-secondary);display:flex;gap:.5rem}@media (max-width: 768px){.site-footer__grid{grid-template-columns:1fr;gap:2rem}}:root{--color-primary: #0f766e;--color-primary-hover: #115e59;--color-primary-light: #f0fdfa;--color-primary-border: #ccfbf1;--color-primary-glow: rgba(15, 118, 110, .15);--color-accent: #059669;--color-accent-light: #ecfdf5;--color-bg: #fcfdfd;--color-surface: #ffffff;--color-surface-subtle: #f8fafc;--color-surface-muted: #f1f5f9;--color-text-primary: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-subtle: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--color-border-hover: #cbd5e1;--color-success: #10b981;--color-success-bg: #ecfdf5;--color-warning: #f59e0b;--color-warning-bg: #fffbeb;--color-info: #0284c7;--color-info-bg: #f0f9ff;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .06), 0 1px 2px -1px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--shadow-card-hover: 0 12px 24px -4px rgba(15, 118, 110, .08), 0 4px 8px -2px rgba(0, 0, 0, .04);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--container-editorial: 1140px;--container-wide: 1440px;--page-gutter: 1.5rem;--max-width-container: var(--container-editorial);--header-height: 72px;--space-0: 0px;--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;--admin-card-gap: 1.5rem;--admin-card-gap-sm: 1rem;--admin-card-gap-lg: 2rem;--font-size-2xs: .6875rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit;background:none;border:none;cursor:pointer}img,svg{display:block;max-width:100%}.container{width:100%;max-width:var(--max-width-container, 1140px);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 1.5rem);padding-right:var(--page-gutter, 1.5rem)}.container-wide{width:100%;max-width:var(--container-wide, 1440px);margin-left:auto;margin-right:auto;padding-left:var(--page-gutter, 1.5rem);padding-right:var(--page-gutter, 1.5rem)}@media (max-width: 640px){.container,.container-wide{padding-left:1rem;padding-right:1rem}}.section{padding-top:5rem;padding-bottom:5rem}@media (max-width: 768px){.section{padding-top:3.5rem;padding-bottom:3.5rem}}.grid{display:grid;gap:1.5rem}::selection{background-color:var(--color-primary-border);color:var(--color-primary-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}