/* 99Days student portal — draft theme styles */
:root{--dp-ink:#14233b;--dp-muted:#66748b;--dp-line:#e4eaf2;--dp-bg:#f7f9fc;--dp-white:#fff;--dp-blue:#3159d9;--dp-cyan:#d9f4f1;--dp-lilac:#ecebff;--dp-green:#187c68;font-family:Inter,"Plus Jakarta Sans",system-ui,-apple-system,sans-serif;color:var(--dp-ink);background:var(--dp-bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dp-bg);color:var(--dp-ink)}a{color:inherit;text-decoration:none}button,input{font:inherit}.dp-nav{height:82px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--dp-line);display:flex;align-items:center;justify-content:space-between;padding:0 max(calc((100vw - 1200px)/2),24px);gap:28px;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.dp-brand{display:flex;align-items:center;gap:11px;font-weight:850;letter-spacing:-.04em;font-size:18px;line-height:1.1}.dp-brand small{display:block;font-size:9px;letter-spacing:.17em;color:var(--dp-muted);margin-top:5px}.dp-brand-light{color:var(--dp-blue)}.dp-logo{width:42px;height:42px;border-radius:13px;background:var(--dp-blue);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:900;letter-spacing:-.08em;box-shadow:0 8px 18px #3159d92b}.dp-nav nav{display:flex;gap:30px;color:var(--dp-muted);font-size:13px;font-weight:650}.dp-nav nav a:hover,.dp-footer a:hover{color:var(--dp-blue)}.dp-nav-actions{display:flex;gap:9px}.dp-btn{border:0;border-radius:12px;padding:13px 18px;font-size:13px;font-weight:750;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:12px;transition:transform .18s,box-shadow .18s}.dp-btn:hover{transform:translateY(-1px)}.dp-btn-primary{background:var(--dp-blue);color:white;box-shadow:0 8px 18px #3159d927}.dp-btn-light{background:#fff;color:var(--dp-ink);border:1px solid var(--dp-line)}.dp-btn-soft{background:#edf1ff;color:var(--dp-blue)}.dp-btn-ghost{background:transparent;color:var(--dp-muted);padding:10px}.dp-wide{width:100%}.dp-hero{max-width:1200px;margin:auto;min-height:545px;padding:92px 24px 70px;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;overflow:hidden}.dp-hero:before{content:"";position:absolute;right:1%;top:13%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,#e0eaff 0,#edf3ff 45%,transparent 70%);z-index:0}.dp-eyebrow,.dp-kicker{font-size:10px;font-weight:850;letter-spacing:.16em;color:var(--dp-blue)}.dp-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:23px}.dp-eyebrow span{width:8px;height:8px;border-radius:50%;background:#20b28c;box-shadow:0 0 0 5px #20b28c20}.dp-hero h1{position:relative;z-index:1;font-size:clamp(42px,5.4vw,68px);letter-spacing:-.065em;line-height:1.03;max-width:650px;margin:0;font-weight:850}.dp-hero h1 em,.dp-account-intro h1 em{color:var(--dp-blue);font-style:normal}.dp-hero>p{position:relative;z-index:1;color:var(--dp-muted);font-size:16px;line-height:1.8;max-width:525px;margin:22px 0 28px}.dp-hero-actions{position:relative;z-index:1;display:flex;gap:12px;flex-wrap:wrap}.dp-stats{display:flex;gap:38px;margin-top:46px}.dp-stats div{display:flex;flex-direction:column;gap:5px}.dp-stats strong{font-size:24px;letter-spacing:-.04em}.dp-stats span{font-size:11px;color:var(--dp-muted)}.dp-hero-art{position:absolute;right:6%;top:14%;width:340px;height:365px;z-index:1}.dp-orbit{position:absolute;border:1px solid #b7c9f5;border-radius:50%;transform:rotate(-25deg)}.dp-orbit-a{width:350px;height:170px;top:85px;left:-5px}.dp-orbit-b{width:340px;height:235px;top:50px;left:5px;transform:rotate(47deg)}.dp-art-card{position:absolute;top:55px;left:34px;width:275px;background:#fff;border:1px solid #e5ebf7;border-radius:21px;padding:24px;box-shadow:0 28px 60px #263d7020;transform:rotate(2deg)}.dp-art-top,.dp-art-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:800;letter-spacing:.12em;color:var(--dp-muted)}.dp-art-top b{font-size:20px;color:#eab44a}.dp-art-line{height:8px;width:58%;background:#edf0f8;border-radius:6px;margin-top:14px}.dp-art-line.wide{width:85%;height:11px;background:#dce6ff;margin-top:24px}.dp-art-option{padding:12px 10px;border:1px solid #edf0f7;border-radius:10px;font-size:10px;color:var(--dp-muted);margin-top:10px}.dp-art-option.active{background:#effbf7;border-color:#c7eee2;color:#187c68}.dp-art-bottom{border-top:1px solid #edf0f7;margin-top:18px;padding-top:15px;letter-spacing:0}.dp-art-bottom b{color:var(--dp-ink);font-size:10px}.dp-float{position:absolute;background:white;border:1px solid #e8edf6;box-shadow:0 12px 25px #263d7017;border-radius:12px;padding:13px 15px;font-size:11px;font-weight:750}.dp-float-one{right:-7px;top:28px;color:var(--dp-green)}.dp-float-two{left:-13px;bottom:35px;color:var(--dp-blue)}.dp-section{max-width:1200px;margin:auto;padding:72px 24px}.dp-section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:30px}.dp-section h2,.dp-band h2,.dp-cta h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.05em;line-height:1.12;margin:12px 0}.dp-section-head p,.dp-band p,.dp-cta p{color:var(--dp-muted);margin:9px 0 0;font-size:14px;line-height:1.7}.dp-search{display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--dp-line);padding:0 15px;border-radius:12px;width:290px;height:46px;color:var(--dp-muted)}.dp-search input{border:0;outline:0;min-width:0;width:100%;font-size:12px;color:var(--dp-ink)}.dp-subject-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.dp-subject-card{background:#fff;border:1px solid var(--dp-line);border-radius:18px;padding:22px;transition:transform .18s,box-shadow .18s}.dp-subject-card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #1c31520c}.dp-card-top{display:flex;justify-content:space-between;align-items:center}.dp-subject-icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;font-weight:850;font-size:18px;background:#e9efff;color:#3159d9}.dp-icon-1{background:#e2f8f1;color:#188369}.dp-icon-2{background:#fff2d9;color:#a86a0c}.dp-icon-3{background:#f0eaff;color:#7d51bd}.dp-icon-4{background:#ffe8e9;color:#bd4c5b}.dp-icon-5{background:#e2f4ff;color:#2877a8}.dp-count{font-size:10px;color:var(--dp-muted);background:#f4f6fa;border-radius:20px;padding:7px 10px}.dp-subject-card h3{font-size:18px;letter-spacing:-.03em;margin:19px 0 7px}.dp-subject-card>p{font-size:12px;line-height:1.6;color:var(--dp-muted);min-height:39px;margin:0 0 16px}.dp-topic-list{display:flex;flex-direction:column;gap:0}.dp-topic-list a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid #eef1f6;font-size:12px;color:#46546a}.dp-topic-list a span{color:#98a6bd}.dp-topic-list a:hover{color:var(--dp-blue)}.dp-card-link{display:flex;justify-content:space-between;border-top:1px solid var(--dp-line);padding-top:16px;margin-top:9px;font-size:12px;color:var(--dp-blue);font-weight:800}.dp-band{background:#edf3ff;display:flex;justify-content:space-between;gap:50px;align-items:center;padding:62px max(calc((100vw - 1152px)/2),24px)}.dp-band>div:first-child{max-width:340px}.dp-band p{max-width:330px}.dp-steps{display:grid;grid-template-columns:repeat(3,minmax(120px,1fr));gap:12px;max-width:650px;flex:1}.dp-steps div{background:#fff;border:1px solid #e0e8fb;border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:10px}.dp-steps b{color:var(--dp-blue);font-size:11px;letter-spacing:.1em}.dp-steps strong{font-size:16px}.dp-steps span{font-size:11px;line-height:1.6;color:var(--dp-muted)}.dp-cta{max-width:1152px;margin:60px auto 80px;padding:35px 40px;border-radius:22px;background:#14233b;color:white;display:flex;align-items:center;justify-content:space-between;gap:25px}.dp-cta .dp-kicker{color:#b6c8ff}.dp-cta p{color:#bdc8da}.dp-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:27px max(calc((100vw - 1152px)/2),24px);border-top:1px solid var(--dp-line);background:#fff;color:var(--dp-muted);font-size:11px}.dp-footer .dp-brand{color:var(--dp-ink)}.dp-footer .dp-logo{width:32px;height:32px;border-radius:10px;font-size:13px}.dp-footer nav{display:flex;align-items:center;gap:20px}.dp-footer nav a{font-size:11px;font-weight:700;color:var(--dp-muted)}.dp-footer nav a:hover{color:var(--dp-blue)}.dp-footer .dp-brand small{font-size:8px}.days-portal-shell{min-height:100vh;display:flex;flex-direction:column}.days-portal-shell>#primary{flex:1;width:100%}.dp-nav nav a{padding:10px 0}.dp-nav .dp-btn{white-space:nowrap}.dp-footer{flex-wrap:wrap}.dp-footer>span{line-height:1.6}@media(max-width:600px){.dp-footer nav{width:100%;justify-content:space-between;order:4}.dp-footer .dp-brand{margin-right:auto}.dp-footer>span{order:3;width:100%}.dp-nav{gap:10px}.dp-nav .dp-brand{gap:8px}.dp-nav-actions{flex-shrink:0}}.dp-back{display:inline-block;color:var(--dp-blue);font-size:12px;font-weight:750;margin-bottom:24px}.dp-topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.dp-topic-card{background:white;border:1px solid var(--dp-line);border-radius:15px;padding:20px;display:flex;flex-direction:column;gap:10px}.dp-topic-card:hover{border-color:#b5c7ff;box-shadow:0 10px 25px #3159d912}.dp-topic-number{color:var(--dp-blue);font-size:12px;align-self:flex-end}.dp-topic-card strong{font-size:15px}.dp-topic-card small{font-size:11px;color:var(--dp-muted);line-height:1.5}.dp-practice{max-width:850px}.dp-practice-head h1,.dp-account-intro h1{font-size:clamp(32px,4vw,48px);letter-spacing:-.06em;margin:12px 0}.dp-practice-head p,.dp-account-intro p{color:var(--dp-muted);line-height:1.7}.dp-progress-strip{display:flex;justify-content:space-between;background:#edf3ff;color:#3858a9;padding:14px 17px;border-radius:12px;font-size:12px;font-weight:750;margin:26px 0 16px}.dp-question{background:white;border:1px solid var(--dp-line);border-radius:18px;padding:25px;margin:15px 0}.dp-qnum{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--dp-blue)}.dp-question h3{font-size:18px;line-height:1.5;margin:16px 0}.dp-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}.dp-option{display:flex;align-items:center;gap:12px;text-align:left;background:#fff;border:1px solid var(--dp-line);border-radius:12px;padding:13px;font-size:12px;color:var(--dp-ink);cursor:pointer}.dp-option>span{width:27px;height:27px;display:grid;place-items:center;background:#f1f4fa;border-radius:8px;font-weight:850;color:#6c7890;flex-shrink:0}.dp-option:hover{border-color:#9cb2ff}.dp-option:disabled{cursor:default}.dp-option.is-correct{background:#e9f9f2;border-color:#8ed8b9;color:#126a51}.dp-option.is-correct>span{background:#187c68;color:#fff}.dp-option.is-wrong{background:#fff0f0;border-color:#efb7b7;color:#a82f3c}.dp-explanation{background:#f1fbf7;border-left:3px solid #188369;padding:13px 15px;margin-top:15px;border-radius:0 10px 10px 0;font-size:12px;line-height:1.7;color:#316657}.dp-practice-actions{display:flex;gap:12px;margin:22px 0}.dp-disclaimer{font-size:11px;line-height:1.7;color:var(--dp-muted)}.dp-account{max-width:1050px;margin:auto;padding:70px 24px;display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:start;min-height:70vh}.dp-account-intro{padding-top:30px}.dp-account-intro h1{font-size:clamp(35px,4vw,51px);line-height:1.1}.dp-account-card{background:white;border:1px solid var(--dp-line);border-radius:22px;padding:28px;box-shadow:0 15px 40px #1b2e4b0b}.dp-auth-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f2f5fa;padding:5px;border-radius:11px;gap:4px;margin-bottom:24px}.dp-auth-tabs button{border:0;border-radius:8px;background:transparent;padding:11px;color:var(--dp-muted);font-size:12px;font-weight:800;cursor:pointer}.dp-auth-tabs button.active{background:#fff;color:var(--dp-blue);box-shadow:0 2px 8px #1b2e4b0b}.dp-auth-form{display:flex;flex-direction:column;gap:15px}.dp-auth-form label{font-size:11px;font-weight:800;color:#4b5970;display:flex;flex-direction:column;gap:8px}.dp-auth-form input{height:46px;border:1px solid #dfe6f0;border-radius:10px;padding:0 13px;outline:0;font-size:12px}.dp-auth-form input:focus{border-color:#829df6;box-shadow:0 0 0 3px #3159d914}.dp-auth-message{font-size:11px;line-height:1.6;color:var(--dp-muted)}.dp-user-row{display:flex;align-items:center;gap:12px}.dp-user-row>div:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1;min-width:0}.dp-user-row span{font-size:11px;color:var(--dp-muted);overflow-wrap:anywhere}.dp-avatar{width:42px;height:42px;border-radius:14px;background:#e7edff;color:var(--dp-blue);display:grid;place-items:center;font-weight:850}.dp-progress-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:25px 0}.dp-progress-cards div{background:#f5f7fb;padding:14px 10px;border-radius:12px;display:flex;flex-direction:column;gap:5px}.dp-progress-cards strong{font-size:20px}.dp-progress-cards span{font-size:10px;color:var(--dp-muted)}.dp-dark{--dp-ink:#edf2ff;--dp-muted:#a8b4ca;--dp-line:#303d54;--dp-bg:#101827;--dp-white:#192538}.dp-dark .dp-nav,.dp-dark .dp-subject-card,.dp-dark .dp-topic-card,.dp-dark .dp-question,.dp-dark .dp-account-card,.dp-dark .dp-option,.dp-dark .dp-search,.dp-dark .dp-footer{background:#192538;color:var(--dp-ink);border-color:var(--dp-line)}.dp-dark .dp-band{background:#19243a}.dp-dark .dp-cta{background:#1b2a44}.dp-dark .dp-art-card,.dp-dark .dp-float,.dp-dark .dp-steps div{background:#192538;color:var(--dp-ink);border-color:var(--dp-line)}.dp-dark .dp-option>span,.dp-dark .dp-count,.dp-dark .dp-auth-tabs,.dp-dark .dp-progress-cards div{background:#24334c;color:var(--dp-muted)}.dp-dark .dp-auth-tabs button.active{background:#192538}.dp-dark .dp-auth-form input{background:#111c2d;border-color:#34425a;color:#fff}.dp-dark .dp-topic-list a{border-color:#303d54;color:#d0daea}
.dp-nav,.dp-footer{display:none!important}.dp-account-perks{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;color:var(--dp-muted);font-size:13px}.dp-account-perks span{background:#fff;border:1px solid var(--dp-line);padding:9px 12px;border-radius:999px}.dp-user-details{display:flex;flex-direction:column;gap:5px;min-width:0}.dp-user-details strong{font-size:19px}.dp-user-details span{overflow-wrap:anywhere;color:var(--dp-muted);font-size:13px}.dp-overall-progress{margin:26px 0 30px;padding:20px;background:#f6f8ff;border:1px solid #e4eaff;border-radius:18px;display:grid;grid-template-columns:1fr auto;gap:10px}.dp-overall-progress>div:first-child{display:flex;flex-direction:column;gap:5px}.dp-overall-progress>div:first-child strong{font-size:16px}.dp-overall-progress>div:first-child span{font-size:12px;color:var(--dp-muted)}.dp-overall-progress>b{font-size:22px;color:var(--dp-blue)}.dp-progress-track{grid-column:1/-1;height:8px;border-radius:99px;background:#e0e7fb;overflow:hidden}.dp-progress-track span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#3159d9,#6c83f5);transition:width .25s}.dp-topics-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:0 0 14px}.dp-topics-heading h3{margin:0 0 5px}.dp-topics-heading p{margin:0;color:var(--dp-muted);font-size:12px}.dp-topics-heading>span{white-space:nowrap;font-size:12px;color:var(--dp-muted);background:#f1f4fa;padding:7px 10px;border-radius:999px}.dp-dashboard-topics{display:grid;gap:10px}.dp-dashboard-topic{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--dp-line);border-radius:16px;background:#fff;transition:border-color .2s,transform .2s}.dp-dashboard-topic:hover{border-color:#b7c7ff;transform:translateY(-1px)}.dp-dashboard-topic-icon{width:42px;height:42px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#edf1ff;color:var(--dp-blue);font-weight:800}.dp-dashboard-topic-main{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.dp-dashboard-topic-main strong{font-size:13px}.dp-dashboard-topic-main small{font-size:11px;color:var(--dp-muted)}.dp-status{white-space:nowrap;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:800}.dp-status.is-complete{background:#e4f7ee;color:#16754c}.dp-status.is-pending{background:#fff4df;color:#94600b}.dp-topic-arrow{color:#8794aa;font-size:18px}.dp-dashboard-browse{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding:14px 16px;border-radius:13px;background:#3159d9;color:#fff;font-size:13px;font-weight:700}.dp-dark .dp-account-perks span,.dp-dark .dp-dashboard-topic{background:#1d2a40;border-color:#35445d}.dp-dark .dp-overall-progress{background:#1d2a40;border-color:#35445d}.dp-dark .dp-progress-track{background:#35445d}.dp-dark .dp-topics-heading>span{background:#27364e;color:#d7e2f4}.dp-dark .dp-dashboard-topic-icon{background:#27365d;color:#aebeff}.dp-dark .dp-status.is-complete{background:#173d32;color:#8de0b6}.dp-dark .dp-status.is-pending{background:#45371f;color:#ffd58a}.@media(max-width:900px){.dp-hero{padding-top:70px;min-height:490px}.dp-hero-art{right:-40px;opacity:.45;transform:scale(.82);transform-origin:top right}.dp-hero h1,.dp-hero>p,.dp-hero-actions,.dp-eyebrow,.dp-stats{z-index:2}.dp-subject-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-band{align-items:flex-start;flex-direction:column}.dp-steps{width:100%;max-width:none}.dp-nav nav{display:none}.dp-account{grid-template-columns:1fr;gap:20px}.dp-account-intro{padding-top:0}}@media(max-width:600px){.dp-nav{height:68px;padding:0 15px}.dp-brand{font-size:15px}.dp-brand small{font-size:8px}.dp-logo{width:36px;height:36px}.dp-nav-actions{gap:2px}.dp-nav-actions .dp-btn{padding:10px 11px;font-size:11px}.dp-hero{padding:62px 20px 44px;min-height:auto}.dp-hero-art{display:none}.dp-hero h1{font-size:43px}.dp-hero>p{font-size:14px}.dp-stats{gap:22px;margin-top:34px}.dp-stats strong{font-size:20px}.dp-stats span{font-size:10px}.dp-section{padding:50px 18px}.dp-section-head{align-items:stretch;flex-direction:column}.dp-search{width:100%}.dp-subject-grid,.dp-topic-grid{grid-template-columns:1fr}.dp-subject-card>p{min-height:0}.dp-band{padding:45px 20px}.dp-steps{grid-template-columns:1fr}.dp-steps div{padding:16px}.dp-cta{margin:35px 18px 50px;padding:26px;align-items:flex-start;flex-direction:column}.dp-footer{padding:22px 18px;flex-wrap:wrap}.dp-footer>span{order:3;width:100%}.dp-options{grid-template-columns:1fr}.dp-question{padding:19px}.dp-practice-actions{flex-direction:column}.dp-account{padding:45px 18px}.dp-account-card{padding:20px}.dp-progress-cards strong{font-size:17px}.dp-progress-cards span{font-size:9px}}