:root{--bg:#071225;--panel:#0d1b32;--panel2:#101f38;--line:rgba(142,176,220,.14);--text:#edf5ff;--muted:#8fa3bf;--blue:#5bc8ff;--cyan:#70e4ed;--violet:#a99aff;--gold:#f1c878;--shadow:0 20px 60px rgba(0,0,0,.22)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;font-size:14px}.app-shell{min-height:100vh;display:flex}.sidebar{width:252px;flex-shrink:0;border-right:1px solid var(--line);padding:27px 18px 20px;display:flex;flex-direction:column;background:#08152a}.brand{display:flex;align-items:center;gap:12px;padding:0 9px 28px}.brand-mark{width:42px;height:42px;border:1px solid rgba(91,200,255,.55);border-radius:14px;display:grid;place-items:center;color:var(--blue);font:800 24px Manrope;background:linear-gradient(145deg,rgba(91,200,255,.16),rgba(91,200,255,.02));box-shadow:0 0 25px rgba(91,200,255,.12)}.brand strong{font:800 17px Manrope;letter-spacing:1.6px}.brand strong span{color:var(--blue)}.brand small,.security-status small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.security-status{display:flex;align-items:center;gap:10px;padding:13px 14px;margin:0 2px 25px;background:rgba(91,200,255,.055);border:1px solid rgba(91,200,255,.14);border-radius:12px}.status-dot,.tiny-dot{width:7px;height:7px;border-radius:50%;background:#62dfb3;box-shadow:0 0 12px #62dfb3;flex-shrink:0}.security-status b{font-size:11px;letter-spacing:1px}.sidebar nav{display:grid;gap:6px}.nav-item{width:100%;border:0;background:transparent;color:#9aacc5;padding:12px 13px;border-radius:10px;text-align:left;display:flex;align-items:center;gap:13px;font:500 13px 'DM Sans';cursor:pointer;transition:.2s}.nav-item span{width:19px;text-align:center;font-size:18px;color:#7893b5}.nav-item:hover,.nav-item.active{background:rgba(91,200,255,.1);color:#eaf7ff}.nav-item.active{box-shadow:inset 2px 0 var(--blue)}.nav-item.active span{color:var(--blue)}.sidebar-bottom{margin-top:auto}.privacy-note{display:flex;gap:10px;padding:14px 10px;margin:0 2px 14px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--blue)}.privacy-note p{margin:0;color:#dceaff;font-size:11px}.privacy-note small{display:block;color:var(--muted);font-size:10px;line-height:1.5;margin-top:4px}.creator{font-size:10px;color:#7890ae;padding:18px 10px 0;line-height:1.7}.creator b{color:#c9d9ed}.creator span{letter-spacing:1px;font-size:9px}.main-area{min-width:0;flex:1;padding:0 42px 24px;max-width:1600px;margin:0 auto}.topbar{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.crumb{font-size:10px;letter-spacing:1.5px;color:#7e94b1}.crumb span{padding:0 10px;color:#415876}.crumb b{color:#d7e6f8;font-weight:600}.top-actions{display:flex;align-items:center;gap:16px}.demo-pill{font-size:10px;color:#9cb2cb;border:1px solid var(--line);padding:7px 10px;border-radius:20px}.demo-pill i{display:inline-block;width:6px;height:6px;background:#f1c878;border-radius:50%;margin-right:6px}.avatar-mini{border:1px solid rgba(91,200,255,.35);background:#102744;color:var(--blue);width:32px;height:32px;border-radius:50%;font-size:10px;font-weight:700}.mobile-menu{display:none}.view{display:none;padding:35px 0 20px;animation:fade .3s ease}.view.active{display:block}@keyframes fade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.welcome-row{display:flex;justify-content:space-between;align-items:flex-end;margin:5px 0 25px}.eyebrow,.micro-label{font-size:9px;letter-spacing:2px;color:#6f91b8;font-weight:700;margin:0 0 10px}.welcome-row h1,.page-heading h1{font:700 32px Manrope;letter-spacing:-1px;margin:0}.welcome-row h1 span{color:var(--blue);font-size:22px}.subhead{color:var(--muted);font-size:13px;margin:9px 0 0}.date-card{border:1px solid var(--line);border-radius:12px;padding:12px 17px;min-width:150px;background:rgba(255,255,255,.018)}.date-card span,.date-card small{display:block;font-size:9px;letter-spacing:1px;color:var(--muted)}.date-card b{display:block;font:600 14px Manrope;margin:5px 0}.date-card small{letter-spacing:0}.hero-card{position:relative;min-height:330px;border-radius:20px;overflow:hidden;border:1px solid rgba(91,200,255,.22);background:radial-gradient(ellipse at 76% 42%,rgba(27,107,164,.28),transparent 36%),linear-gradient(115deg,#0c1c34,#0b1930 60%,#102644);box-shadow:var(--shadow);padding:39px 42px}.hero-glow{position:absolute;width:400px;height:300px;right:8%;top:5%;background:radial-gradient(ellipse,rgba(47,157,220,.15),transparent 65%);pointer-events:none}.hero-copy{position:relative;z-index:2;max-width:490px}.micro-label{color:#7ecff5}.hero-copy h2{font:700 32px/1.22 Manrope;letter-spacing:-.8px;margin:17px 0 13px}.hero-copy h2 em{font-style:normal;color:var(--blue)}.hero-copy p{color:#a4b7cf;line-height:1.7;font-size:12px;max-width:390px;margin-bottom:22px}.primary-btn{border:0;border-radius:9px;padding:12px 16px;background:linear-gradient(100deg,#3aa9e5,#4bc8dc);color:#06182a;font:700 11px 'DM Sans';cursor:pointer;box-shadow:0 7px 22px rgba(54,175,224,.18)}.primary-btn span{margin-left:17px;font-size:16px}.hero-figure{position:absolute;right:12%;top:28px;width:230px;height:240px;display:grid;place-items:center}.halo{position:absolute;width:210px;height:210px;border:1px solid rgba(92,206,255,.35);border-radius:50%;box-shadow:0 0 45px rgba(68,177,237,.13),inset 0 0 40px rgba(68,177,237,.1)}.halo:before,.halo:after{content:'';position:absolute;inset:17px;border:1px dashed rgba(120,218,255,.24);border-radius:50%;transform:rotateX(65deg)}.halo:after{inset:-10px;transform:rotateY(68deg)}.figure-core{width:118px;height:150px;border-radius:58% 58% 42% 42%;background:radial-gradient(ellipse at 50% 30%,#d9f6ff 0,#73c6eb 12%,#24658e 40%,#102844 72%);border:1px solid rgba(164,232,255,.55);box-shadow:0 0 55px rgba(65,185,240,.38);display:grid;place-items:center;position:relative}.figure-core:before{content:'';position:absolute;width:58px;height:70px;top:-30px;border-radius:50% 50% 45% 45%;background:radial-gradient(circle at 40% 30%,#d9f7ff,#5b9fc4 65%,#173c5c);border:1px solid rgba(180,236,255,.5)}.figure-core span{font:800 32px Manrope;color:#dff8ff;text-shadow:0 0 20px #7be4ff;margin-top:42px}.figure-caption{position:absolute;bottom:-3px;text-align:center;display:grid;gap:4px}.figure-caption b{font:700 10px Manrope;letter-spacing:2px;color:#d8f4ff}.figure-caption small{font-size:9px;color:#79b6d8}.orbital{position:absolute;border:1px solid rgba(98,210,255,.18);border-radius:50%;pointer-events:none}.orbital-one{width:290px;height:70px;right:8%;top:112px;transform:rotate(-22deg)}.orbital-two{width:260px;height:55px;right:9%;top:116px;transform:rotate(28deg)}.hero-foot{position:absolute;bottom:17px;left:42px;right:42px;border-top:1px solid rgba(151,198,229,.12);padding-top:11px;display:flex;justify-content:space-between;color:#7895b5;font-size:9px}.hero-foot span:first-child{display:flex;align-items:center;gap:7px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:31px 0 14px}.section-heading h2,.panel h2{font:650 18px Manrope;margin:0}.section-heading .eyebrow{margin-bottom:5px}.text-btn{background:none;border:0;color:var(--blue);font:600 11px 'DM Sans';cursor:pointer}.text-btn span{font-size:15px;margin-left:5px}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.quick-card{position:relative;text-align:left;padding:17px;border:1px solid var(--line);border-radius:13px;background:linear-gradient(145deg,rgba(19,40,68,.85),rgba(12,27,48,.8));color:var(--text);cursor:pointer;transition:.2s}.quick-card:hover,.module-card:hover{transform:translateY(-3px);border-color:rgba(91,200,255,.35)}.quick-icon{width:37px;height:37px;border-radius:11px;display:grid;place-items:center;font-size:20px;margin-bottom:15px}.quick-icon.blue{color:#69caff;background:rgba(91,200,255,.12)}.quick-icon.violet{color:#b3a2ff;background:rgba(169,154,255,.12)}.quick-icon.gold{color:#f1ca7b;background:rgba(241,200,120,.12)}.quick-icon.cyan{color:#74e6e9;background:rgba(112,228,237,.12)}.quick-card b{display:block;font:700 11px Manrope;letter-spacing:.7px}.quick-card small{display:block;color:var(--muted);font-size:10px;margin-top:6px}.card-arrow{position:absolute;right:15px;top:16px;color:#6886a8}.notice{display:flex;gap:12px;padding:13px 15px;border:1px solid rgba(91,200,255,.14);border-radius:11px;background:rgba(91,200,255,.045);margin-top:18px;color:#79bfe5}.notice p{margin:0;color:#9bb0c9;font-size:10px;line-height:1.6}.notice b{color:#d7eaff}.page-heading{margin:5px 0 26px}.page-heading h1{font-size:30px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.stat-card,.panel{border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,rgba(17,36,61,.85),rgba(11,26,47,.85));padding:20px}.stat-card small{display:block;color:var(--muted);font-size:9px;letter-spacing:1px}.stat-card b{display:block;font:700 29px Manrope;margin:12px 0 4px}.stat-card span{font-size:10px;color:#7892b2}.stat-card .stat-word{font-size:24px;color:var(--blue)}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.tag{font-size:9px;color:#79d3f5;border:1px solid rgba(91,200,255,.25);border-radius:20px;padding:5px 9px;white-space:nowrap}.tag.muted{color:#9aaec7;border-color:var(--line)}.roadmap{display:grid}.road-step{display:flex;align-items:center;gap:13px;padding:13px 0;border-top:1px solid var(--line)}.road-step>i{font-style:normal;width:25px;height:25px;border:1px solid #46617e;border-radius:50%;display:grid;place-items:center;color:#92abc7;font-size:11px}.road-step.done>i{border-color:#4aaf9a;color:#68dbb7;background:rgba(75,190,158,.08)}.road-step div{flex:1}.road-step b{display:block;font-size:11px}.road-step small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.road-step em{font-style:normal;color:#8ca4c0;font-size:9px}.module-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.module-card{display:flex;gap:15px;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,rgba(17,36,61,.85),rgba(11,26,47,.85));transition:.2s}.module-card .quick-icon{flex-shrink:0;margin:0}.module-card h2{font:700 14px Manrope;margin:2px 0 8px}.module-card p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 13px}.empty-state{text-align:center;padding:55px 15px;display:grid;justify-items:center;gap:8px;color:var(--muted)}.empty-state span{font-size:27px;color:#6d91b6}.empty-state b{font-size:12px;color:#dce9f8}.empty-state small{font-size:10px}.activity-list{min-height:120px}.activity-item{display:flex;gap:12px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.activity-item time{color:#718ba9;min-width:65px}.activity-item span{color:#d4e4f5}.settings-panel{padding:0 20px}.setting-row{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.setting-row b{font-size:12px}.setting-row small{display:block;color:var(--muted);font-size:10px;margin-top:5px;max-width:440px;line-height:1.5}.toggle{width:42px;height:23px;border:1px solid #49627e;border-radius:20px;background:#1b304a;padding:3px;cursor:pointer}.toggle i{display:block;width:15px;height:15px;background:#a5bdd5;border-radius:50%;transition:.2s}.toggle[aria-pressed=true]{background:#257ba4;border-color:#54c4f4}.toggle[aria-pressed=true] i{transform:translateX(18px);background:white}.footer{border-top:1px solid var(--line);padding:17px 0 0;color:#68819f;font-size:9px;letter-spacing:.3px}.footer span{padding:0 5px;color:var(--blue)}.chat-panel{position:fixed;z-index:20;right:25px;bottom:25px;width:min(365px,calc(100vw - 30px));height:470px;max-height:calc(100vh - 40px);background:#0b1b31;border:1px solid rgba(91,200,255,.3);border-radius:17px;box-shadow:0 25px 80px rgba(0,0,0,.5);display:none;flex-direction:column;overflow:hidden}.chat-panel.open{display:flex;animation:fade .2s}.chat-head{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.chat-head b{font:700 12px Manrope;letter-spacing:1px}.chat-head small{display:block;color:var(--muted);font-size:9px;margin-top:4px}.chat-head button{border:0;background:none;color:#a9bfd7;font-size:23px;cursor:pointer}.chat-messages{flex:1;padding:16px;overflow:auto;display:flex;flex-direction:column;gap:10px}.message{max-width:90%;padding:11px 12px;border-radius:12px;font-size:11px;line-height:1.6}.message.emilia{align-self:flex-start;background:#142d49;color:#d7eaff;border:1px solid rgba(91,200,255,.12)}.message.user{align-self:flex-end;background:#1e668a;color:white}.chat-form{display:flex;gap:8px;padding:12px;border-top:1px solid var(--line)}.chat-form input{flex:1;min-width:0;background:#10233d;border:1px solid var(--line);border-radius:9px;padding:11px;color:white;outline:none;font:11px 'DM Sans'}.chat-form button{width:39px;border:0;border-radius:9px;background:#4cbce8;color:#062039;font-size:17px;cursor:pointer}.chat-disclaimer{text-align:center;color:#738aa7;font-size:8px;padding:0 10px 11px}.light-theme{--bg:#eaf1f8;--text:#172a42;--muted:#647992;--line:rgba(40,74,112,.17);--panel:#fff}.light-theme .sidebar{background:#f4f8fc}.light-theme .main-area{color:#172a42}.light-theme .crumb b,.light-theme .nav-item{color:#3c526d}.light-theme .security-status,.light-theme .quick-card,.light-theme .stat-card,.light-theme .panel,.light-theme .module-card,.light-theme .date-card{background:#fff}.light-theme .hero-card{background:linear-gradient(115deg,#d9ebf7,#e7f2fb 60%,#cfe9f8)}.light-theme .hero-copy h2,.light-theme .hero-copy p{color:#183550}.light-theme .hero-copy h2 em{color:#1385bd}.light-theme .hero-foot{color:#58738f}.light-theme .notice p{color:#4d6580}.light-theme .privacy-note p{color:#284765}.light-theme .chat-panel{background:#f5f9fd}.light-theme .chat-form input{background:#fff;color:#17324e}.light-theme .message.emilia{color:#203c58;background:#e4f0f9}.light-theme .footer{color:#6e839c}
@media(max-width:1050px){.main-area{padding:0 25px 20px}.hero-figure{right:5%}.quick-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.sidebar{position:fixed;z-index:30;left:-270px;top:0;bottom:0;transition:.25s;box-shadow:var(--shadow)}.sidebar.open{left:0}.main-area{padding:0 17px 20px}.topbar{height:62px}.mobile-menu{display:block;border:0;background:none;color:var(--blue);font-size:20px;margin-right:12px}.crumb{flex:1;font-size:8px}.top-actions{gap:8px}.demo-pill{font-size:8px;padding:6px 7px}.welcome-row{align-items:flex-start}.welcome-row h1{font-size:26px}.date-card{display:none}.hero-card{padding:27px 23px 55px;min-height:380px}.hero-copy{max-width:100%}.hero-copy h2{font-size:27px}.hero-figure{right:3%;top:155px;transform:scale(.72);transform-origin:top right;opacity:.72}.hero-foot{left:22px;right:22px;gap:8px;font-size:8px}.hero-foot span:last-child{max-width:50%;text-align:right}.quick-grid{gap:9px}.quick-card{padding:13px}.quick-card small{font-size:9px}.section-heading{margin-top:25px}.stats-grid{grid-template-columns:1fr}.module-grid{grid-template-columns:1fr}.page-heading h1{font-size:26px}.road-step em{display:none}.chat-panel{right:10px;bottom:10px;height:min(470px,calc(100vh - 20px))}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
