html{background:#070b12;min-width:320px;min-height:100%}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070b12;min-width:320px;min-height:100vh;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body,button,input{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}#root{min-height:100vh}:root{--navy-950:#070b12;--navy-900:#0b111c;--navy-850:#101827;--navy-800:#152033;--navy-700:#223149;--gold-500:#c6a15b;--gold-400:#d6ba7b;--gold-300:#e8d39f;--ivory-100:#f8f4e9;--ivory-200:#eee7d7;--white:#fff;--muted:#9ca7b8;--success:#5fc79a;--border:#d6ba7b33;--shadow:0 20px 55px #00000040}*{box-sizing:border-box}button,input{font:inherit}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 80% 0%, #c6a15b14, transparent 32%), var(--navy-950);min-height:100vh;color:var(--ivory-100)}.sidebar{z-index:10;border-right:1px solid var(--border);background:linear-gradient(#152033f5,#070b12fa);flex-direction:column;width:260px;padding:28px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand{border-bottom:1px solid var(--border);align-items:center;gap:13px;padding:0 8px 28px;display:flex}.brand-mark,.login-brand-mark{border:1px solid var(--gold-500);color:var(--gold-300);letter-spacing:.08em;background:linear-gradient(145deg,#c6a15b2e,#0000);flex:none;place-items:center;font-family:Georgia,Times New Roman,serif;display:grid}.brand-mark{border-radius:50%;width:44px;height:44px;font-size:.82rem}.brand-name,.brand-subtitle,.sidebar-footer p,.sidebar-footer span,.user-menu p,.user-menu span,.eyebrow,.summary-card span,.summary-card small,.tool-card h3,.tool-card p,.tool-card-footer span,.learning-card h3,.learning-card p{margin:0}.brand-name{color:var(--ivory-100);font-family:Georgia,Times New Roman,serif;font-size:1.05rem}.brand-subtitle{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:3px;font-size:.68rem}.main-navigation{gap:8px;margin-top:30px;display:grid}.navigation-link{color:#aeb8c7;border:1px solid #0000;border-radius:10px;align-items:center;min-height:48px;padding:0 16px;text-decoration:none;transition:color .18s,border-color .18s,background .18s,transform .18s;display:flex;position:relative}.navigation-link:hover{color:var(--ivory-100);background:#ffffff06;border-color:#d6ba7b1f;transform:translate(3px)}.navigation-link.active{color:var(--gold-300);background:linear-gradient(90deg,#c6a15b29,#c6a15b09);border-color:#d6ba7b59}.navigation-link.active:before{background:var(--gold-400);content:"";border-radius:0 3px 3px 0;width:3px;height:24px;position:absolute;left:-1px}.sidebar-footer{border-top:1px solid var(--border);margin-top:auto;padding:22px 8px 0}.sidebar-footer p{color:var(--gold-300);letter-spacing:.12em;text-transform:uppercase;font-size:.75rem}.sidebar-footer span{color:#778396;margin-top:6px;font-size:.72rem;display:block}.application-content{min-height:100vh;margin-left:260px}.topbar{z-index:5;border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#070b12e6;justify-content:space-between;align-items:center;min-height:92px;padding:18px 42px;display:flex;position:sticky;top:0}.topbar h1,.page-heading h2,.section-heading h3,.login-panel h2{margin:0;font-family:Georgia,Times New Roman,serif;font-weight:500}.topbar h1{margin-top:4px;font-size:1.35rem}.eyebrow{color:var(--gold-400);letter-spacing:.18em;text-transform:uppercase;font-size:.67rem;font-weight:700}.user-menu{align-items:center;gap:11px;display:flex}.user-avatar{width:40px;height:40px;color:var(--gold-300);background:var(--navy-800);border:1px solid #d6ba7b66;border-radius:50%;place-items:center;font-size:.72rem;font-weight:700;display:grid}.user-menu p{color:var(--ivory-100);font-size:.84rem}.user-menu span{color:var(--muted);margin-top:3px;font-size:.69rem;display:block}.page-content{padding:40px 42px 64px}.dashboard-page{width:min(1380px,100%);margin:0 auto}.page-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:30px;display:flex}.page-heading h2{color:var(--ivory-100);margin-top:8px;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.page-heading>div>p:last-child{max-width:700px;color:var(--muted);margin:14px 0 0;font-size:.95rem;line-height:1.7}.primary-button{border:1px solid var(--gold-400);color:#15120c;background:linear-gradient(135deg, var(--gold-300), var(--gold-500));border-radius:8px;min-height:46px;padding:0 22px;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 10px 30px #c6a15b26}.primary-button:hover{transform:translateY(-2px);box-shadow:0 14px 34px #c6a15b3d}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.summary-card{border:1px solid var(--border);min-height:145px;box-shadow:var(--shadow);background:linear-gradient(145deg,#152033eb,#0b111ceb);border-radius:13px;padding:22px}.summary-card span{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.73rem}.summary-card strong{color:var(--ivory-100);text-overflow:ellipsis;margin:17px 0 10px;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,2vw,2rem);font-weight:500;display:block;overflow:hidden}.summary-card small{color:#748094;font-size:.72rem}.section-heading{justify-content:space-between;align-items:center;margin:42px 0 18px;display:flex}.section-heading h3{margin-top:7px;font-size:1.55rem}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.tool-card{border:1px solid var(--border);background:linear-gradient(150deg,#152033db,#080d15f5);border-radius:13px;flex-direction:column;min-height:260px;padding:24px;transition:transform .18s,border-color .18s;display:flex}.tool-card:hover{border-color:#d6ba7b7a;transform:translateY(-4px)}.tool-icon{width:48px;height:48px;color:var(--gold-300);letter-spacing:.08em;background:#c6a15b14;border:1px solid #d6ba7b61;border-radius:12px;place-items:center;margin-bottom:24px;font-size:.73rem;font-weight:800;display:grid}.tool-card h3{color:var(--ivory-100);font-family:Georgia,Times New Roman,serif;font-size:1.23rem;font-weight:500}.tool-card p{color:var(--muted);margin-top:10px;font-size:.86rem;line-height:1.65}.tool-card-footer{justify-content:space-between;align-items:center;margin-top:auto;padding-top:24px;display:flex}.tool-card-footer span{color:var(--success);font-size:.7rem}.tool-card-footer button,.learning-card button,.text-button{color:var(--gold-300);background:0 0;border:0;padding:0;font-size:.76rem}.learning-path{gap:14px;display:grid}.learning-card{border:1px solid var(--border);background:linear-gradient(100deg,#152033e6,#080d15eb);border-radius:13px;grid-template-columns:66px minmax(0,1fr) auto;align-items:center;gap:20px;min-height:112px;padding:20px 24px;display:grid}.learning-number{color:var(--gold-400);font-family:Georgia,Times New Roman,serif;font-size:1.8rem}.learning-card h3{color:var(--ivory-100);font-family:Georgia,Times New Roman,serif;font-size:1.16rem;font-weight:500}.learning-card p{color:var(--muted);margin-top:7px;font-size:.82rem;line-height:1.55}.login-page{min-height:100vh;color:var(--ivory-100);background:var(--navy-950);grid-template-columns:minmax(0,1.12fr) minmax(440px,.88fr);display:grid}.login-story{background:radial-gradient(circle at 22% 25%,#d6ba7b33,#0000 22%),radial-gradient(circle at 78% 78%,#33527938,#0000 28%),linear-gradient(145deg,#08090b,#151b22);position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #d6ba7b1f;border-radius:50%;position:absolute}.login-story:before{width:620px;height:620px;top:-20%;right:-18%}.login-story:after{width:720px;height:720px;bottom:-35%;left:-24%}.login-story-overlay{z-index:1;flex-direction:column;justify-content:center;min-height:100%;padding:9vw;display:flex;position:relative}.login-brand-mark{border-radius:50%;width:76px;height:76px;margin-bottom:34px;font-size:1.15rem}.login-story h1{max-width:700px;color:var(--ivory-100);margin:15px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.2rem,7vw,6.6rem);font-weight:400;line-height:.95}.login-message{color:#aab3c1;max-width:650px;margin:27px 0 0;font-size:1rem;line-height:1.8}.journey-steps{flex-wrap:wrap;gap:9px;margin-top:42px;display:flex}.journey-steps span{color:var(--gold-300);letter-spacing:.08em;text-transform:uppercase;background:#c6a15b0d;border:1px solid #d6ba7b3b;border-radius:999px;padding:8px 13px;font-size:.66rem}.login-panel{border-left:1px solid var(--border);background:linear-gradient(#101827fa,#070b12);place-items:center;padding:50px;display:grid}.login-form-container{width:min(420px,100%)}.login-panel h2{margin-top:9px;font-size:2.5rem}.login-introduction{color:var(--muted);margin:12px 0 30px;line-height:1.65}.login-form{gap:19px;display:grid}.login-form label{color:var(--ivory-200);gap:8px;font-size:.76rem;display:grid}.login-form input[type=email],.login-form input[type=password]{width:100%;min-height:49px;color:var(--ivory-100);background:#ffffff09;border:1px solid #d6ba7b33;border-radius:8px;outline:none;padding:0 14px}.login-form input:focus{border-color:var(--gold-500);box-shadow:0 0 0 3px #c6a15b14}.login-options{justify-content:space-between;align-items:center;display:flex}.remember-option{grid-template-columns:auto 1fr;align-items:center;display:flex!important}.remember-option input{accent-color:var(--gold-500)}.login-button,.google-button{width:100%}.google-button{min-height:48px;color:var(--ivory-100);background:#ffffff09;border:1px solid #d6ba7b4d;border-radius:8px}.login-divider{color:#647084;align-items:center;gap:12px;font-size:.7rem;display:flex}.login-divider:before,.login-divider:after{background:var(--border);content:"";flex:1;height:1px}.login-help{color:#778396;text-align:center;margin:25px 0 0;font-size:.73rem}@media (width<=1100px){.summary-grid,.tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.login-page{grid-template-columns:1fr}.login-story{min-height:520px}.login-panel{border-top:1px solid var(--border);border-left:0;min-height:650px}}@media (width<=760px){.sidebar{width:100%;position:static}.main-navigation{grid-template-columns:repeat(2,minmax(0,1fr))}.application-content{margin-left:0}.topbar,.page-content{padding-left:22px;padding-right:22px}.page-heading{flex-direction:column;align-items:flex-start}.summary-grid,.tool-grid{grid-template-columns:1fr}.learning-card{grid-template-columns:48px minmax(0,1fr)}.learning-card button{grid-column:2;justify-self:start}.login-story-overlay,.login-panel{padding:50px 24px}}@media (width<=480px){.topbar{flex-direction:column;align-items:flex-start;gap:18px}.main-navigation,.summary-grid{grid-template-columns:1fr}.login-story h1{font-size:3rem}}