html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh}button,input{font:inherit}button{touch-action:manipulation}svg{stroke-width:2}.auth-page{min-height:100vh;display:grid;grid-template-columns:minmax(420px,47%) 1fr;background:#f5f8fc;color:#12243d}.auth-story{position:relative;overflow:hidden;min-height:100vh;padding:46px clamp(34px,5vw,76px);display:flex;flex-direction:column;background:linear-gradient(145deg,#eaf4ff,#f1f9f6 60%,#e8f7ee)}.auth-story:before,.auth-story:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.auth-story:before{width:430px;height:430px;background:#39a5e11c;right:-160px;top:-130px}.auth-story:after{width:520px;height:260px;background:#47b56921;left:-120px;bottom:-125px;transform:rotate(-8deg)}.nd-brand{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.nd-brand__mark{width:52px;height:52px;filter:drop-shadow(0 8px 12px rgba(35,103,155,.13))}.nd-brand__copy{display:flex;flex-direction:column}.nd-brand__copy strong{font:800 22px/1.05 system-ui,sans-serif;letter-spacing:.055em;color:#102f60}.nd-brand__copy small{font-size:8px;font-weight:800;letter-spacing:.18em;color:#0b6398;margin-top:5px}.nd-brand--compact .nd-brand__mark{width:42px;height:42px}.auth-story__copy{position:relative;z-index:2;margin:auto 0 34px;max-width:610px}.auth-kicker{display:flex;align-items:center;gap:7px;color:#116cce;font-size:11px;line-height:1.3;font-weight:800;letter-spacing:.12em}.auth-story h1{max-width:580px;margin:18px 0 17px;font:800 clamp(38px,4.5vw,64px)/1.03 system-ui,sans-serif;letter-spacing:-.045em;color:#102a50}.auth-story h1 em{font-style:normal;color:#1875dc}.auth-story__copy>p{max-width:580px;margin:0;color:#536b83;font-size:17px;line-height:1.68}.auth-mission-preview{position:relative;z-index:2;display:grid;grid-template-columns:72px 1fr auto;align-items:center;gap:17px;max-width:620px;padding:14px 16px;background:#ffffffe0;border:1px solid rgba(181,203,219,.65);border-radius:20px;box-shadow:0 24px 55px #2c546f1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-mission-preview__visual{height:68px;border-radius:15px;background:linear-gradient(145deg,#c8efd4,#79cf9e);display:grid;place-items:center;position:relative;overflow:hidden}.auth-mission-preview__visual span{font-size:34px;z-index:1}.auth-mission-preview__visual i{position:absolute;width:66px;height:66px;border:12px solid rgba(255,255,255,.25);border-radius:50%}.auth-mission-preview>div:nth-child(2){display:flex;flex-direction:column;gap:5px}.auth-mission-preview small{font-size:9px;font-weight:800;letter-spacing:.1em;color:#0b7559}.auth-mission-preview strong{font-size:15px}.auth-mission-preview span{display:flex;align-items:center;gap:4px;color:#586c80;font-size:11px}.auth-mission-preview>b{align-self:start;color:#a94331;background:#fff0ec;border-radius:9px;padding:7px 9px;font-size:11px}.auth-safety-points{position:relative;z-index:2;display:flex;gap:22px;flex-wrap:wrap;margin-top:22px;color:#456277;font-size:11px;font-weight:700}.auth-safety-points span{display:flex;align-items:center;gap:7px}.auth-safety-points svg{width:17px;color:#15986f}.auth-panel{min-height:100vh;display:grid;place-items:center;padding:40px clamp(24px,5vw,72px);background:radial-gradient(circle at 90% 15%,rgba(38,115,224,.05),transparent 28%),#fff}.auth-panel__mobile-brand{display:none}.auth-card{width:min(100%,480px);display:flex;flex-direction:column;gap:14px}.auth-card--wide{width:min(100%,650px)}.auth-card h1,.auth-card h2{margin:0;font:800 clamp(28px,3vw,39px)/1.12 system-ui,sans-serif;letter-spacing:-.035em;color:#122844}.auth-intro{margin:-3px 0 10px;color:#596d80;font-size:14px;line-height:1.55}.account-choice-grid{display:grid;gap:11px;margin:8px 0 12px}.account-choice{min-height:94px;width:100%;display:grid;grid-template-columns:52px 1fr 22px;align-items:center;gap:14px;padding:15px 16px;border:1px solid #dce5ed;border-radius:16px;background:#fff;text-align:left;color:#142943;cursor:pointer;transition:.18s}.account-choice:hover{border-color:#87b4eb;box-shadow:0 10px 28px #1d57911a;transform:translateY(-2px)}.account-choice:focus-visible{outline:3px solid #7fb2f3;outline-offset:3px}.account-choice>span{width:50px;height:50px;border-radius:14px;display:grid;place-items:center}.account-choice>span svg{width:23px}.account-choice--blue>span{background:#e8f2ff;color:#176bd5}.account-choice--green>span{background:#e8f8f0;color:#13966b}.account-choice--orange>span{background:#fff2e6;color:#e27b24}.account-choice>div{display:flex;flex-direction:column;gap:5px}.account-choice strong{font-size:15px}.account-choice small{color:#5d7185;line-height:1.4}.account-choice>svg{width:18px;color:#7690a9}.auth-existing{display:flex;justify-content:center;align-items:center;gap:8px;padding-top:5px;color:#607489;font-size:13px}.auth-existing button,.auth-switch button,.auth-link{min-height:44px;border:0;background:none;color:#0d58b5;font-weight:800;cursor:pointer;padding:8px}.auth-link:disabled{cursor:not-allowed;color:#66798c}.auth-legal{display:flex;align-items:center;justify-content:center;gap:6px;color:#596d80;font-size:10px;line-height:1.4;text-align:center}.auth-legal svg{width:14px;flex:none}.auth-back{align-self:flex-start;display:flex;align-items:center;gap:6px;border:0;background:none;color:#60758b;font-weight:700;font-size:12px;padding:7px 0;cursor:pointer}.auth-back svg{width:16px}.auth-step-row{display:flex;align-items:center;justify-content:space-between}.auth-step-row>b{font-size:11px;color:#5d7185}.auth-progress{height:5px;border-radius:8px;background:#edf1f5;overflow:hidden;margin-top:-5px}.auth-progress i{display:block;height:100%;background:linear-gradient(90deg,#1571df,#24a6df);border-radius:inherit;transition:width .25s}.form-field{display:flex;flex-direction:column;gap:7px}.form-field__label{display:flex;justify-content:space-between;align-items:baseline;color:#263d58;font-size:12px;font-weight:800}.form-field__label small{font-weight:500;color:#5d7083;font-size:10px}.form-field__control{min-height:50px;display:flex;align-items:center;border:1px solid #d5e0e9;border-radius:12px;background:#fff;padding:0 13px;color:#8091a1;transition:.16s}.form-field__control:focus-within{border-color:#2c7ddd;box-shadow:0 0 0 3px #2c7ddd1f}.form-field__control>svg{width:18px;flex:none}.form-field__input{flex:1;display:flex}.form-field__input input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#162b44;font-size:14px;padding:0 10px;height:48px}.form-field__control>button{width:44px;height:44px;border:0;background:none;color:#526b82;display:grid;place-items:center;cursor:pointer}.form-field__control>button svg{width:18px}.align-right{align-self:flex-end;margin-top:-5px}.auth-submit{min-height:51px;border:0;border-radius:12px;background:linear-gradient(135deg,#176fe0,#1260c9);color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 10px 23px #1769e036;cursor:pointer;margin-top:3px}.auth-submit:hover{background:#0f59bc}.auth-submit:disabled{cursor:wait;opacity:.66}.auth-submit svg{width:18px}.auth-switch{text-align:center;color:#5a6e83;font-size:12px}.auth-security-note,.registration-explainer{display:flex;gap:11px;border-radius:13px;padding:13px 14px}.auth-security-note{background:#f0f8f4;border:1px solid #d5ebdf;color:#287057}.auth-security-note>svg,.registration-explainer>svg{width:20px;flex:none}.auth-security-note span{display:flex;flex-direction:column;gap:3px}.auth-security-note b{font-size:11px}.auth-security-note small{font-size:10px;color:#526f61}.registration-explainer{background:#eef5ff;border:1px solid #d6e6fb;color:#275b91}.registration-explainer div{display:flex;flex-direction:column;gap:5px}.registration-explainer b{font-size:12px}.registration-explainer p{font-size:11px;line-height:1.5;margin:0;color:#5d7691}.consent-check{display:flex;align-items:flex-start;gap:10px;padding:4px 0;color:#566b80;font-size:11px;line-height:1.5}.consent-check input{width:18px;height:18px;accent-color:#176fe0;flex:none}.consent-check a{color:#176bcf;font-weight:700}.form-message{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:11px;font-size:11px;line-height:1.45}.form-message.error{background:#fff1ef;border:1px solid #f1cbc5;color:#a43c31}.form-message.success{background:#eaf8f1;border:1px solid #c9ead9;color:#1e7657}.form-message svg{width:17px;flex:none}.auth-card--centered{text-align:center;align-items:center}.auth-card--centered>p{color:#61758a;line-height:1.6}.auth-success-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#e9f7f0;color:#15936a;margin-bottom:6px}.auth-success-icon svg{width:28px}.auth-card--centered .auth-submit{width:100%}.otp-input{text-align:center;font:800 22px/1 monospace!important;letter-spacing:.28em}.auth-page input:focus-visible,.auth-page button:focus-visible,.auth-page a:focus-visible{outline:3px solid #79adf0;outline-offset:2px}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-story{display:none}.auth-panel{padding:24px;align-items:start}.auth-panel__mobile-brand{display:block;justify-self:start;width:100%;max-width:650px;margin:0 auto 24px}.auth-card{margin:auto}}.guardian-email-form{width:100%;display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid #d6e6f7;border-radius:14px;background:#f8fbff;text-align:left}.guardian-email-form>small{color:#596d80;line-height:1.45}.guardian-email-form .secondary{align-self:flex-start}.correction-form{width:100%;display:flex;flex-direction:column;gap:13px;padding:20px;border:1px solid #e1c98f;border-radius:16px;background:#fffaf0;text-align:left}.correction-form h2{margin:0;font:800 21px system-ui,sans-serif;color:#193452}.correction-form>p{margin:0;color:#5a6f84;font-size:12px;line-height:1.55}.pending-mfa{width:100%;padding:20px;border:1px solid #cfe0f4;border-radius:16px;background:#f8fbff;text-align:left;display:flex;flex-direction:column;gap:13px}.pending-mfa h2{font:800 21px system-ui,sans-serif;margin:0;color:#193452}.pending-mfa>p{margin:0;color:#60768b;font-size:12px}.pending-mfa form{display:flex;flex-direction:column;gap:13px}.pending-mfa__qr{align-self:center;padding:12px;border-radius:14px;background:#fff;border:1px solid #dce5ed}.pending-mfa__manual{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #dce5ed;border-radius:12px;background:#fff}.pending-mfa__manual code{max-width:100%;overflow-wrap:anywhere;font-weight:800;color:#193452}.pending-mfa__manual button{display:inline-flex;align-items:center;gap:6px}.pending-mfa__manual svg{width:16px}.pending-mfa__codes{display:flex;flex-direction:column;gap:9px}.pending-mfa__codes b{font-size:11px}.pending-mfa__codes pre{margin:0;padding:14px;border-radius:11px;background:#132c4c;color:#e7f2ff;columns:2;font:700 11px/1.8 monospace;white-space:pre-wrap}@media(max-width:520px){.auth-panel{padding:20px 17px}.auth-card h1,.auth-card h2{font-size:29px}.account-choice{grid-template-columns:46px 1fr 18px;padding:13px 12px}.account-choice>span{width:44px;height:44px}.auth-existing{flex-direction:column}.form-field__label{align-items:flex-start;flex-direction:column;gap:3px}.pending-mfa__codes pre{columns:1}}.form-message.notice{background:#fff8e8;border:1px solid #ead397;color:#715114}.auth-submit:disabled{cursor:not-allowed}:root{--ink:#10243e;--muted:#53677d;--blue:#1769e0;--blue-dark:#0c4eb4;--cream:#f7f8f6;--line:#e4e9ef;--green:#14a373;--coral:#ff785d;--shadow:0 12px 36px rgba(25,53,86,.09);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}button:disabled{cursor:not-allowed}body{margin:0;background:#f8f9f7;color:var(--ink);font-family:inherit}.app-shell{min-height:100vh;padding-bottom:82px}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,6vw,84px);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;border:0;background:none;color:var(--ink);font:800 17px Manrope;letter-spacing:.06em;cursor:pointer}.brand b{color:var(--blue)}.brand-mark{width:37px;height:37px;border-radius:12px;background:var(--blue);color:#fff;display:grid;place-items:center;transform:rotate(-3deg)}.header-actions{display:flex;align-items:center;gap:16px;position:relative}.icon-button{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);background:#fff;border-radius:50%;color:var(--ink);position:relative;cursor:pointer}.notification-dot{position:absolute;right:9px;top:8px;width:8px;height:8px;background:#ff5b54;border:2px solid white;border-radius:50%}.avatar-button{height:46px;display:flex;align-items:center;gap:9px;border:0;background:none;color:var(--ink);font-weight:700;cursor:pointer}.avatar,.big-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#ffce9e,#f5997e);color:#fff;font-weight:800}.avatar{width:38px;height:38px}.role-menu{position:absolute;right:0;top:58px;width:310px;padding:14px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.role-menu>small{padding:5px 10px;color:var(--muted);font-weight:700}.role-menu button{width:100%;display:flex;align-items:center;gap:11px;text-align:left;border:0;background:none;padding:11px;border-radius:12px;color:var(--ink);cursor:pointer}.role-menu button:hover,.role-menu button.active{background:#f1f6ff}.role-menu button svg{width:19px}.role-menu button>span{display:flex;flex-direction:column;flex:1}.role-menu button small{color:var(--muted)}.page{width:min(1180px,calc(100% - 36px));margin:auto}.hero{min-height:390px;margin-top:34px;border-radius:28px;background:linear-gradient(120deg,#e6f0ff 0,#eff8fb 65%,#daf2e7);display:grid;grid-template-columns:1.05fr .95fr;overflow:hidden;position:relative}.hero>div:first-child{padding:52px 7%;z-index:2}.eyebrow,.section-kicker{font-size:12px;letter-spacing:.12em;font-weight:800;color:var(--blue);display:flex;align-items:center;gap:7px}.hero h1{font:800 clamp(36px,5vw,58px)/1.04 "Manrope";margin:13px 0}.hero h1 em{color:var(--blue);font-style:normal}.hero p{font-size:17px;line-height:1.6;color:#52647a;max-width:510px}.primary,.secondary,.approve,.filter-button{min-height:48px;border-radius:12px;padding:0 20px;border:0;font:700 14px DM Sans;display:inline-flex;gap:9px;align-items:center;justify-content:center;cursor:pointer}.primary{background:var(--blue);color:#fff;box-shadow:0 8px 20px #1769e033}.primary:hover{background:var(--blue-dark)}.primary:disabled,.secondary:disabled,.approve:disabled{background:#d5dee8;color:#53677d;border-color:#c6d0dc;box-shadow:none;cursor:not-allowed}.secondary{background:#fff;color:var(--blue);border:1px solid #cdd8e6}.hero-art{position:relative}.sun{position:absolute;width:280px;height:280px;border-radius:50%;background:#f8cf83;top:45px;right:85px;opacity:.65}.hill{position:absolute;border-radius:50% 50% 0 0}.hill-one{width:580px;height:240px;background:#8ac8a1;bottom:-60px;left:-20px;transform:rotate(8deg)}.hill-two{width:520px;height:200px;background:#4ba87a;bottom:-85px;right:-120px;transform:rotate(-9deg)}.tree{font-size:92px;position:absolute;bottom:52px;right:35px}.person{font-size:60px;position:absolute;bottom:42px;left:34%}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:20px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:19px 22px;display:flex;align-items:center;gap:14px}.stat-icon{width:44px;height:44px;border-radius:13px;display:grid;place-items:center}.stat-icon svg{width:21px}.coral{background:#fff0ec;color:#f1684d}.blue{background:#eaf2ff;color:#1769e0}.green{background:#e8f8f1;color:#0c9b6c}.stat-card div{display:flex;flex-direction:column}.stat-card strong{font:800 23px Manrope}.stat-card span{font-size:13px;color:var(--muted)}.mini-trend{margin-left:auto!important;background:#e9f8f0;color:#14835f!important;border-radius:20px;padding:5px 8px;font-weight:700}.content-section{padding:55px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:21px}.section-heading h2{font:800 28px Manrope;margin:7px 0 0}.text-button{border:0;background:none;color:var(--blue);font-weight:700;display:flex;align-items:center;gap:6px;cursor:pointer}.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.mission-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;cursor:pointer;transition:.22s;box-shadow:0 3px 12px #1c355008}.mission-card:hover,.mission-card:focus{transform:translateY(-4px);box-shadow:var(--shadow);outline:none}.mission-cover,.modal-cover{position:relative;display:grid;place-items:center;overflow:hidden}.mission-cover{height:150px}.mission-cover:before,.modal-cover:before{content:"";position:absolute;width:180px;height:180px;border:28px solid rgba(255,255,255,.28);border-radius:50%}.mission-cover span:first-child{font-size:62px;z-index:1}.mission-cover.green,.modal-cover.green{background:linear-gradient(145deg,#b8e9c9,#6ec99e)}.mission-cover.orange,.modal-cover.orange{background:linear-gradient(145deg,#ffe0aa,#ffad7c)}.mission-cover.blue,.modal-cover.blue{background:linear-gradient(145deg,#b9dcff,#78afe8)}.mission-cover.purple,.modal-cover.purple{background:linear-gradient(145deg,#e3d1fc,#bca6e9)}.heart{position:absolute;right:12px;top:12px;border:0;background:#ffffffeb;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:var(--ink);z-index:2}.requested-badge{position:absolute!important;left:11px;bottom:10px;font-size:11px!important;background:#fff;border-radius:20px;padding:7px 9px;display:flex;align-items:center;gap:5px;color:#8b6100;z-index:2}.mission-body{padding:18px}.mission-meta{display:flex;align-items:center;justify-content:space-between}.mission-meta span{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--blue);font-weight:800}.mission-meta b{font-size:12px;background:#fff0ec;color:#a93f2e;padding:5px 8px;border-radius:7px}.mission-body h3{font:800 19px Manrope;margin:11px 0 7px}.org{color:#51667e;font-size:13px;display:flex;align-items:center;gap:6px;margin:0}.org svg{color:var(--green)}.mission-facts{border-top:1px solid #edf0f3;margin-top:14px;padding-top:12px;display:flex;flex-direction:column;gap:8px}.mission-facts span,.mission-footer span{display:flex;gap:7px;align-items:center;color:#65768a;font-size:12px}.mission-facts svg{width:15px}.mission-footer{margin-top:14px;display:flex;justify-content:space-between;align-items:center}.progress-banner{background:#122f53;color:#fff;border-radius:22px;padding:28px 32px;display:flex;align-items:center;gap:22px;margin-bottom:55px}.progress-medal{width:65px;height:65px;background:#234871;border-radius:50%;display:grid;place-items:center;font-size:35px}.progress-copy{flex:1}.progress-copy>span{font-size:10px;letter-spacing:.14em;color:#9dc4f3}.progress-copy h3{font:600 18px Manrope;margin:6px 0 12px}.progress-track{height:7px;background:#385675;border-radius:9px;overflow:hidden}.progress-track i{height:100%;display:block;background:#59d5a4}.progress-copy small{display:flex;justify-content:space-between;margin-top:6px;color:#aabbd0}.page-title{text-align:center;padding:54px 0 27px}.page-title .section-kicker{justify-content:center}.page-title h1{font:800 clamp(32px,4vw,46px) "Manrope";margin:9px 0}.page-title p{color:var(--muted);font-size:16px}.search-row{display:flex;gap:12px;max-width:800px;margin:auto}.search-box{height:52px;flex:1;background:#fff;border:1px solid #dbe2ea;border-radius:13px;display:flex;align-items:center;padding:0 16px;color:#738399}.search-box input{border:0;outline:0;flex:1;padding:0 12px;font:500 15px DM Sans;color:var(--ink)}.filter-button{background:#fff;border:1px solid #dbe2ea;color:var(--ink)}.chips{display:flex;justify-content:center;gap:8px;margin:19px 0 37px;flex-wrap:wrap}.chip{border:1px solid #dbe2ea;background:#fff;padding:9px 15px;border-radius:22px;color:#5e6e81;font-weight:700;cursor:pointer}.chip.active{background:#eaf2ff;border-color:#93baf1;color:var(--blue)}.results-line{display:flex;justify-content:space-between;margin-bottom:16px}.results-line span{color:var(--muted)}.catalogue-grid{grid-template-columns:repeat(4,1fr);padding-bottom:60px}.empty{text-align:center;padding:70px;background:#fff;border-radius:20px;margin-bottom:60px}.empty svg{width:40px;height:40px;color:#9aa9b8}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#fffffff5;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;justify-content:center;gap:clamp(20px,6vw,90px);z-index:15}.bottom-nav button{width:85px;border:0;background:none;color:#596d82;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font:600 11px DM Sans;cursor:pointer}.bottom-nav svg{width:21px}.bottom-nav button.active{color:var(--blue)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#09182b99;display:grid;place-items:center;padding:20px;z-index:40}.modal{width:min(720px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;position:relative;box-shadow:0 30px 80px #00000040}.modal-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;background:#fff;border-radius:50%;display:grid;place-items:center;z-index:2;cursor:pointer}.modal-cover{height:170px}.modal-cover>span{font-size:80px;z-index:1}.safe-label{position:absolute;bottom:13px;left:16px;background:#fff;border-radius:20px;padding:7px 10px;display:flex;align-items:center;gap:5px;font-size:12px;font-weight:700}.modal-content{padding:25px 30px 30px}.modal-content h2{font:800 30px Manrope;margin:11px 0 5px}.org.large{font-size:14px}.org.large svg{width:18px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}.detail-grid>div{background:#f6f8fa;border-radius:12px;padding:13px;display:flex;gap:10px}.detail-grid svg{width:20px;color:var(--blue)}.detail-grid span{display:flex;flex-direction:column}.detail-grid small{color:var(--muted)}.privacy-note{display:flex;gap:12px;background:#eaf3ff;border:1px solid #cfe2fa;padding:14px;border-radius:13px;color:#234d7a}.privacy-note>svg{flex:none}.privacy-note p{font-size:13px;margin:0;line-height:1.5}.description{color:#586b80;line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.modal-actions svg{width:18px}.toast{position:fixed;bottom:92px;left:50%;transform:translate(-50%);background:#103f32;color:#fff;padding:14px 20px;border-radius:12px;box-shadow:var(--shadow);display:flex;align-items:center;gap:9px;z-index:60}.narrow-page{max-width:760px}.feed-post{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-bottom:60px}.post-head{padding:15px 17px;display:flex;align-items:center;gap:11px}.green-avatar{background:#54bb91}.post-head>div{display:flex;flex-direction:column;flex:1}.post-head span{font-size:12px;color:var(--muted)}.post-photo{height:370px;background:linear-gradient(#bbe3f4 0,#bbe3f4 45%,#8dcc99 46%);display:flex;align-items:end;justify-content:center;gap:60px;padding:55px;font-size:82px}.post-body{padding:17px}.post-body>div{display:flex;justify-content:space-between}.post-body button{border:0;background:none;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}.post-body button svg{width:18px}.post-body p{line-height:1.5}.post-body>span{font-size:11px;color:var(--muted)}.level-card{background:linear-gradient(135deg,#173d68,#0b63c6);color:#fff;border-radius:22px;padding:30px;display:flex;align-items:center;gap:20px}.level-icon{font-size:50px}.level-card h2{margin:4px 0;font:800 26px Manrope}.level-card p{margin:0;color:#bdd7f5}.timeline{background:#fff;border-radius:20px;margin:20px 0 60px;padding:25px}.timeline-item{display:flex;gap:13px;padding:15px 0;border-top:1px solid var(--line)}.timeline-item>span{width:34px;height:34px;border-radius:50%;background:#e7f7f0;color:var(--green);display:grid;place-items:center}.timeline-item svg{width:17px}.timeline-item div{display:flex;flex-direction:column}.timeline-item small{color:var(--muted);margin-top:5px}.profile-head{margin:55px 0 20px;background:#fff;border-radius:20px;padding:28px;display:flex;align-items:center;gap:20px}.big-avatar{width:75px;height:75px;font-size:25px}.profile-head h1{margin:0}.profile-head p{color:var(--muted)}.verified{display:flex;align-items:center;gap:5px;color:var(--green);font-size:13px}.verified svg{width:17px}.settings-list{background:#fff;border-radius:20px;overflow:hidden}.settings-list button{width:100%;min-height:70px;padding:13px 18px;border:0;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;gap:14px;text-align:left;color:var(--ink)}.settings-list button>span{display:flex;flex-direction:column;flex:1}.settings-list small{color:var(--muted);margin-top:4px}.settings-list button:disabled{color:#687b8e;background:#f5f7f9}.settings-list .danger{color:#b83228}.workspace{min-height:100vh;background:#f5f7f9}.workspace-mobile-nav{display:none}.role-pill{background:#eef4fc;color:var(--blue);border-radius:20px;padding:7px 12px;font-size:12px;font-weight:800}.workspace-main{display:flex;min-height:calc(100vh - 76px)}aside{width:230px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:6px}aside>b{font:800 14px Manrope;padding:0 12px 18px}aside button{border:0;background:none;padding:12px;border-radius:10px;display:flex;align-items:center;gap:10px;color:#596d82;font-weight:700;text-align:left;cursor:pointer}aside button svg{width:18px}aside button.active{background:#eaf2ff;color:var(--blue)}aside button:disabled{color:#617487;background:#f6f8fa}aside button small{margin-left:auto;font-size:9px;text-transform:uppercase}aside button:last-child{margin-top:auto}.workspace-content{flex:1;padding:43px clamp(25px,5vw,65px);max-width:1300px}.workspace-heading{display:flex;justify-content:space-between;align-items:center}.workspace-heading h1{font:800 34px Manrope;margin:7px 0}.workspace-heading p{color:var(--muted)}.workspace-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:30px 0}.workspace-stats>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;grid-template-columns:45px 1fr;column-gap:12px}.workspace-stats span{width:45px;height:45px;border-radius:12px;display:grid;place-items:center;grid-row:1/3}.workspace-stats strong{font:800 25px Manrope}.workspace-stats small{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head h2{font:800 19px Manrope}.panel-head button{border:0;background:none;color:var(--blue);font-weight:700}.status{font-size:11px;border-radius:20px;padding:6px 9px}.status.warning{color:#9b6500;background:#fff2d7}.attention{display:flex;gap:13px;background:#fff8e9;padding:16px;border-radius:12px;margin:20px 0}.attention svg{color:#e79a19;flex:none}.attention p{color:var(--muted);font-size:13px}.decision-row{display:flex;gap:9px;justify-content:flex-end}.approve{background:var(--green);color:#fff}.list-row{display:flex;align-items:center;gap:11px;padding:16px 2px;border-top:1px solid var(--line)}.list-row>div{display:flex;flex-direction:column;flex:1}.list-row small{color:var(--muted);margin-top:4px}.dot{width:9px;height:9px;border-radius:50%}.dot.orange{background:#f4a62a}.dot.green{background:var(--green)}.demo-disclaimer,.young-demo-banner{display:flex;align-items:flex-start;gap:10px;border:1px solid #c7d8eb;background:#edf5ff;color:#294f78;border-radius:13px;padding:13px 15px}.demo-disclaimer{margin:18px 0}.demo-disclaimer p{margin:4px 0 0;font-size:12px;line-height:1.5}.demo-disclaimer svg,.young-demo-banner svg{width:18px;flex:none}.young-demo-banner{width:min(1180px,calc(100% - 36px));margin:18px auto 0;font-size:12px}.demo-message{margin-top:20px;background:#e7f7f0;border:1px solid #b4e6d2;color:#166149;border-radius:14px;padding:15px;display:flex;gap:12px;align-items:center}.demo-message p{margin:4px 0 0}.demo-message button{margin-left:auto;border:0;background:none;color:#166149}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}button:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid #80b6ff;outline-offset:3px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{display:none}.mission-grid,.catalogue-grid{grid-template-columns:repeat(2,1fr)}.workspace-mobile-nav{display:flex;position:sticky;top:0;z-index:18;overflow:auto;background:#fff;border-bottom:1px solid var(--line);padding:7px 12px;gap:6px}.workspace-mobile-nav button{min-width:max-content;min-height:44px;border:0;border-radius:10px;background:none;color:#53677d;display:flex;align-items:center;gap:6px;padding:0 12px;font-weight:700}.workspace-mobile-nav button.active{background:#eaf2ff;color:var(--blue)}.workspace-mobile-nav svg{width:17px}.workspace-main aside{display:none}.dashboard-grid{grid-template-columns:1fr}.workspace-content{padding:30px 20px}}@media(max-width:620px){.topbar{padding:0 16px;height:66px}.avatar-name,.avatar-button>svg{display:none}.page{width:min(100% - 24px,1180px)}.hero{margin-top:16px;min-height:auto}.hero>div:first-child{padding:34px 24px}.hero h1{font-size:38px}.stats-grid,.mission-grid,.catalogue-grid{grid-template-columns:1fr}.progress-banner{align-items:flex-start;padding:22px;flex-wrap:wrap}.progress-banner .secondary{width:100%}.bottom-nav{gap:0;justify-content:space-around}.bottom-nav button{width:auto;flex:1}.section-heading{align-items:center}.detail-grid{grid-template-columns:1fr}.modal-content{padding:22px 18px}.modal-actions{flex-direction:column-reverse}.modal-actions button{width:100%}.search-row{flex-direction:column}.chips{justify-content:flex-start;overflow:auto;flex-wrap:nowrap;padding-bottom:4px}.post-photo{height:270px;font-size:55px;gap:20px}.workspace-heading{align-items:flex-start;gap:20px;flex-direction:column}.workspace-stats{grid-template-columns:1fr}.role-pill{display:none}.role-menu{right:-8px;width:min(310px,calc(100vw - 24px))}}.legal-page{min-height:100vh;background:#f5f8fc}.legal-page>header{height:78px;padding:0 clamp(22px,6vw,82px);display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line)}.legal-page>header button{border:0;background:none;color:#536a82;display:flex;align-items:center;gap:7px;font-weight:700;cursor:pointer}.legal-page>header svg{width:17px}.legal-page article{width:min(720px,calc(100% - 32px));margin:50px auto;background:#fff;border:1px solid var(--line);border-radius:22px;padding:clamp(26px,5vw,46px);box-shadow:var(--shadow)}.legal-page h1{font:800 clamp(31px,5vw,45px)/1.1 system-ui,sans-serif;letter-spacing:-.035em;margin:11px 0 25px}.legal-page article>p{color:#536a81;line-height:1.75}.legal-draft{display:flex;gap:10px;padding:13px;border-radius:12px;background:#fff4de;color:#8e5b0f;margin-bottom:22px}.legal-draft>svg{width:20px;flex:none}.legal-draft span{display:flex;flex-direction:column;gap:3px}.legal-draft small{color:#8b724f}.app-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px;background:#f5f8fc;color:#4e6680;font-weight:700}.app-loading svg{width:30px;height:30px;color:var(--blue);animation:spin 1s linear infinite}.app-error{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;text-align:center}.app-error h1{font:800 32px system-ui,sans-serif;margin:0}.app-error p{color:var(--muted);max-width:520px}.app-error button{margin:5px}.status-page{min-height:100vh;background:linear-gradient(145deg,#eef6ff,#f6faf8);padding-bottom:50px}.status-header{height:78px;padding:0 clamp(22px,6vw,82px);background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.status-header>button{border:0;background:none;color:#5b6f84;font-weight:700;display:flex;align-items:center;gap:8px;cursor:pointer}.status-header>button svg{width:18px}.status-card{width:min(620px,calc(100% - 32px));margin:clamp(38px,7vh,78px) auto 0;background:#fff;border:1px solid #dee7ee;border-radius:24px;padding:clamp(26px,5vw,44px);box-shadow:0 24px 65px #1f4a6f1a;display:flex;flex-direction:column;align-items:center;text-align:center;gap:13px}.status-card__icon{width:72px;height:72px;border-radius:22px;background:#e9f3ff;color:var(--blue);display:grid;place-items:center}.status-card__icon svg{width:31px}.status-card h1{font:800 clamp(28px,4vw,40px)/1.1 system-ui,sans-serif;letter-spacing:-.035em;margin:2px 0}.status-card>p{max-width:500px;color:#63778c;line-height:1.65;margin:0}.status-steps{width:100%;text-align:left;margin:12px 0;display:flex;flex-direction:column}.status-step{display:flex;align-items:center;gap:13px;position:relative;padding:10px}.status-step:not(:last-child):after{content:"";position:absolute;left:27px;top:46px;width:2px;height:20px;background:#dfe6ec}.status-step>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#e8f8f1;color:#12956b;flex:none}.status-step.current>span{background:#fff2dc;color:#9b5b0a}.status-step svg{width:17px}.status-step>div{display:flex;flex-direction:column;gap:4px}.status-step b{font-size:13px}.status-step small{font-size:11px;color:#5f7285}.status-card>.auth-submit{width:100%}.status-card>.auth-security-note{text-align:left;width:100%}.guardian-accept form{width:100%;display:flex;flex-direction:column;gap:17px;text-align:left}.guardian-accept form h1,.guardian-accept form>p{text-align:center}.guardian-accept form>p{color:var(--muted);line-height:1.6}.guardian-accept .auth-security-note{text-align:left}.security-page{padding:45px 0}.security-settings{display:flex;flex-direction:column;gap:20px}.security-settings>.auth-back{align-self:flex-start}.back-arrow{transform:rotate(180deg)}.security-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:18px}.security-card.active{border-color:#bfe2d2;background:#fbfffd}.security-state{display:flex;align-items:center;gap:14px}.security-state>span{width:48px;height:48px;border-radius:14px;background:#edf5ff;color:var(--blue);display:grid;place-items:center}.security-card.active .security-state>span{background:#e8f8f1;color:var(--green)}.security-state>span svg{width:22px}.security-state>div{display:flex;flex-direction:column;gap:5px}.security-state small{color:var(--muted)}.security-card form{display:flex;flex-direction:column;gap:14px}.totp-setup{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:center}.totp-setup h2{margin:7px 0;font:800 24px system-ui,sans-serif}.totp-setup p{color:var(--muted);line-height:1.6}.totp-manual{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:14px}.totp-manual code{max-width:100%;overflow-wrap:anywhere;background:#f2f5f8;border-radius:8px;padding:8px;font-weight:800}.totp-manual .secondary{min-height:44px}.qr-code{background:#fff;border:1px solid var(--line);border-radius:15px;padding:12px;display:grid;place-items:center}.totp-confirm{border-top:1px solid var(--line);padding-top:18px}.backup-codes pre{margin:0;background:#132c4c;color:#dceeff;border-radius:12px;padding:16px;columns:2;font:700 12px/1.8 monospace;white-space:pre-wrap}.backup-codes>div{display:flex;flex-direction:column;gap:4px}.backup-codes small{color:var(--muted)}.backup-codes .secondary{align-self:flex-start}.sessions-card{flex-direction:row;align-items:center;justify-content:space-between}.sessions-card p{color:var(--muted);margin:6px 0 0;font-size:12px}.session-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}@media(max-width:620px){.totp-setup{grid-template-columns:1fr}.qr-code{width:max-content;margin:auto}.sessions-card{align-items:stretch;flex-direction:column}.session-actions{justify-content:flex-start}.backup-codes pre{columns:1}}.accounts-admin{display:flex;flex-direction:column;gap:22px}.accounts-search{display:flex;gap:10px}.accounts-search label{height:48px;max-width:520px;flex:1;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;padding:0 14px;color:#7a8a9a}.accounts-search label:focus-within{border-color:var(--blue);box-shadow:0 0 0 3px #1769e01f}.accounts-search svg{width:18px}.accounts-search input{border:0;outline:0;flex:1;padding:0 10px;background:transparent}.accounts-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:17px}.accounts-table{width:100%;border-collapse:collapse;min-width:780px;text-align:left}.accounts-table th{padding:13px 16px;background:#f5f8fb;color:#53677d;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.accounts-table td{padding:15px 16px;border-top:1px solid var(--line);font-size:12px}.accounts-table td:first-child{display:flex;flex-direction:column;gap:4px}.accounts-table td small{color:var(--muted)}.account-status{display:inline-block;border-radius:20px;padding:6px 8px;background:#edf2f6;color:#596c7e;font-size:9px;font-weight:800}.account-status.active{background:#e8f8f1;color:#117a57}.account-status.suspended{background:#fff0ee;color:#b63e32}.account-status.pending_review,.account-status.pending_email,.account-status.pending_guardian{background:#fff3dc;color:#98600d}.account-actions{display:flex;gap:6px;flex-wrap:wrap}.account-action{min-height:44px;border-radius:9px;border:1px solid;display:inline-flex;align-items:center;gap:6px;padding:0 10px;background:#fff;font-size:10px;font-weight:800;cursor:pointer}.account-action svg{width:14px}.account-action.suspend{color:#b33e34;border-color:#ecc8c4}.account-action.restore{color:#197557;border-color:#b9decf}.account-action.changes{color:#7c4d06;border-color:#d6bc83}.account-review-card{background:#fff;border:2px solid #b9d2ef;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:18px}.account-review-card .panel-head>div{display:flex;flex-direction:column;gap:4px}.account-review-card .panel-head h2,.account-review-card .panel-head p{margin:0}.account-review-card dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}.account-review-card dl>div{background:#f5f8fb;border-radius:11px;padding:11px}.account-review-card dt{color:var(--muted);font-size:11px;font-weight:700}.account-review-card dd{margin:5px 0 0;overflow-wrap:anywhere;font-weight:700}.review-reason{display:flex;flex-direction:column;gap:7px;font-weight:800;font-size:12px}.review-reason textarea{min-height:100px;resize:vertical;border:1px solid #cfdbe7;border-radius:11px;padding:12px;font:inherit;color:var(--ink)}.review-reason textarea:focus{outline:3px solid #80b6ff;outline-offset:2px}@media(max-width:620px){.account-review-card dl{grid-template-columns:1fr}.account-review-card .decision-row{flex-direction:column}.account-review-card .decision-row button{width:100%}}@media(max-width:620px){.accounts-search{flex-direction:column}.accounts-search label{width:100%;max-width:none}.accounts-search .secondary{width:100%}}@keyframes spin{to{transform:rotate(360deg)}}.workspace-role-tags{display:flex;align-items:center;gap:8px}.demo-account-badge{display:inline-flex;align-items:center;gap:5px;width:max-content;border:1px solid #9fc5f4;background:#edf5ff;color:#155cae;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800;letter-spacing:.04em}.demo-account-badge svg{width:13px;height:13px}.status-card>.demo-account-badge{margin:0 auto 10px}.admin-summary{display:grid;grid-template-columns:repeat(6,minmax(95px,1fr));gap:9px}.admin-summary span{display:flex;flex-direction:column;gap:3px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:12px;color:var(--muted);font-size:11px}.admin-summary b{font:800 22px Manrope;color:var(--ink)}.demo-account-form,.demo-credentials{background:#fff;border:2px solid #b9d2ef;border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:18px}.demo-account-form .panel-head>div{display:flex;flex-direction:column;gap:5px}.demo-account-form h2,.demo-account-form p,.demo-credentials h2,.demo-credentials p{margin:0}.demo-account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.demo-account-grid>label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800}.demo-account-grid>label.wide{grid-column:1/-1}.demo-account-grid input,.demo-account-grid select,.accounts-search select{width:100%;min-height:46px;border:1px solid #cfdbe7;border-radius:10px;background:#fff;padding:0 12px;color:var(--ink);font:500 13px DM Sans}.demo-account-grid input:focus,.demo-account-grid select:focus,.accounts-search select:focus{outline:3px solid #80b6ff;outline-offset:2px}.generated-password{display:flex;gap:7px}.generated-password input{font-family:monospace}.generated-password button{border:1px solid #cdd8e6;border-radius:9px;background:#f5f8fb;color:var(--blue);font-weight:800;padding:0 10px}.demo-credentials{display:grid;grid-template-columns:1fr auto;align-items:center}.demo-credentials dl{display:flex;gap:22px;margin:0}.demo-credentials dl>div{display:flex;flex-direction:column;gap:4px}.demo-credentials dt{font-size:10px;color:var(--muted);text-transform:uppercase}.demo-credentials dd{margin:0;font-weight:800}.demo-credentials code{background:#eef3f8;border-radius:6px;padding:5px 7px}.table-demo-tag{display:inline-block;margin-left:7px;border-radius:999px;background:#e8f2ff;color:#155cae;padding:3px 6px;font-size:8px;text-transform:uppercase;vertical-align:middle}.accounts-search select{width:auto;min-width:150px}.young-demo-banner span{line-height:1.4}@media(max-width:900px){.admin-summary{grid-template-columns:repeat(3,1fr)}.demo-credentials{grid-template-columns:1fr}.demo-credentials dl{flex-direction:column;gap:10px}.demo-credentials .secondary{width:max-content}.workspace-heading{align-items:flex-start;gap:14px;flex-wrap:wrap}}@media(max-width:620px){.admin-summary,.demo-account-grid{grid-template-columns:1fr 1fr}.demo-account-grid>label{grid-column:1/-1}.generated-password{flex-direction:column}.generated-password button{min-height:42px}.accounts-search select{width:100%}.workspace-role-tags{display:none}}