:root{--navy:#123d63;--blue:#0d5f91;--teal:#0a9a98;--ink:#17364f;--muted:#647b8f;--bg:#eef4f7;--line:#d5e1e8;--white:#fff;--gold:#f2b43b}*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,#123d63,#0d2f4d);padding:30px 18px;color:#fff;display:flex;flex-direction:column}.brand{font-weight:800;font-size:21px;color:#fff;text-decoration:none;line-height:1.25}.brand span{color:#4dd6ce}.brand small{display:block;font-size:12px;font-weight:500;color:#b8d5e7;margin-top:8px}.sidebar nav{display:grid;gap:7px;margin-top:36px}.sidebar nav a,.sidebar nav span,.sidebar-bottom a,.sidebar-bottom button{display:block;border:0;width:100%;text-align:left;background:transparent;color:#e8f2f8;text-decoration:none;padding:12px 13px;border-radius:10px;font-size:14px}.sidebar nav a.active{background:#ffffff17;border-left:3px solid #4dd6ce}.sidebar nav span{color:#9fb9c9}.sidebar nav small{display:block;font-size:10px;margin-top:4px;color:#7f9dad}.sidebar-bottom{margin-top:auto;border-top:1px solid #ffffff22;padding-top:15px}.sidebar-bottom button{cursor:pointer}.workspace{min-width:0}.topbar{height:70px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 30px;gap:14px;position:sticky;top:0;z-index:4}.topbar button{display:none;background:#eef4f7;border:1px solid var(--line);border-radius:8px;padding:8px 10px}.topbar small{display:block;color:var(--muted);margin-top:3px}.topbar .user{margin-left:auto;font-weight:700}.workspace main{max-width:1280px;margin:auto;padding:32px}.workspace footer{max-width:1280px;margin:auto;padding:4px 32px 30px;color:#718697;font-size:12px;line-height:1.65}.hero{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px;border-radius:18px;color:#fff;background:linear-gradient(120deg,var(--navy),var(--blue) 65%,var(--teal));box-shadow:0 14px 32px #17415e24}.hero h1{font-size:34px;margin:8px 0}.hero p{color:#dbeaf4;max-width:720px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.12em;font-weight:800;color:#53d6cf}.hero-score{text-align:center;border:1px solid #ffffff33;border-radius:16px;padding:16px 28px;background:#ffffff12}.hero-score strong{display:block;font-size:44px}.hero-score span{font-size:13px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:20px 0}.metrics article,.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:22px}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:30px;margin:8px 0;color:var(--navy)}.metrics .ready{font-size:22px;color:var(--teal)}.panel{margin-top:20px}.panel-title{display:flex;align-items:center;justify-content:space-between}.panel h2{margin:7px 0 18px}.pill{background:#e5f7f5;color:#087a78;border-radius:20px;padding:8px 13px;font-size:12px;font-weight:800}.phase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.phase-grid article{border:1px solid var(--line);border-radius:13px;padding:20px;background:#f9fbfc}.phase-grid h3{min-height:45px}.phase-number{color:var(--teal);font-weight:900}.bar{height:7px;background:#e1e9ee;border-radius:10px;margin-top:16px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue),var(--teal))}.roadmap ol{list-style:none;padding:0;display:grid;gap:12px}.roadmap li{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:15px;border-radius:12px}.roadmap li>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e8eff4;color:var(--navy)}.roadmap li.done>b{background:#dff6f1;color:#087a78}.roadmap li small{display:block;color:var(--muted);margin-top:5px}.login-page{display:grid;grid-template-columns:1.15fr .85fr;min-height:100vh}.login-visual{display:flex;flex-direction:column;justify-content:center;padding:9vw;background:radial-gradient(circle at 75% 25%,#16a5a3 0,#0d5a82 38%,#123b5f 75%);color:#fff}.login-visual h1{font-size:clamp(38px,5vw,68px);line-height:1.05;max-width:720px;margin:25px 0}.login-visual p{max-width:600px;color:#d8eaf5;font-size:18px;line-height:1.6}.law-badge{display:inline-block;align-self:flex-start;border:1px solid #ffffff55;border-radius:30px;padding:10px 16px;font-size:13px;font-weight:900;letter-spacing:.12em}.exam-facts{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.exam-facts span{border:1px solid #ffffff35;background:#ffffff12;padding:10px 14px;border-radius:10px}.login-panel{display:grid;place-items:center;padding:40px;background:#fff}.login-card{width:min(100%,420px)}.login-card h2{font-size:34px;margin:10px 0}.login-card>p,.login-card>small{color:var(--muted);line-height:1.5}.login-card label{display:block;font-weight:700;font-size:13px;margin:20px 0}.login-card input{display:block;width:100%;margin-top:8px;border:1px solid #bfd0dc;border-radius:10px;padding:13px;outline:0}.login-card input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0a9a9820}.login-card button{width:100%;border:0;border-radius:10px;background:linear-gradient(100deg,var(--navy),var(--teal));color:#fff;padding:14px;font-weight:800;cursor:pointer;margin:5px 0 18px}.error{background:#fff0ef;border:1px solid #f3beb9;color:#a53a31;padding:12px;border-radius:9px;margin:15px 0}@media(max-width:950px){.app-shell{display:block}.sidebar{display:none;position:fixed;z-index:10;width:260px}.sidebar.open{display:flex}.topbar button{display:block}.workspace main{padding:22px}.metrics{grid-template-columns:1fr 1fr}.phase-grid{grid-template-columns:1fr}.login-page{grid-template-columns:1fr}.login-visual{padding:60px 35px}.login-panel{padding:45px 25px}}@media(max-width:520px){.metrics{grid-template-columns:1fr}.hero{align-items:flex-start;flex-direction:column}.hero h1{font-size:28px}.topbar{padding:0 16px}.workspace main{padding:18px}}