@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Rajdhani:wght@500;600;700&display=swap');
:root{color-scheme:dark;--obsidian:#050505;--cyan:#00e5ff;--orange:#ff6b00;--green:#00e5ff;--muted:#a0abb5;--line:rgba(255,255,255,.12);--panel:rgba(255,255,255,.035)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;color:#f4f7f8;background:var(--obsidian);font:15px/1.5 'Outfit',sans-serif;min-width:320px}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 15% 5%,#00383d88,transparent 55%),radial-gradient(ellipse at 100% 85%,#ff6b000b,transparent 45%)}a{color:inherit;text-underline-offset:4px}a:hover{color:var(--cyan)}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,.cta{transition:background .2s,border-color .2s,box-shadow .2s,transform .2s}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}[hidden]{display:none!important}
::-webkit-scrollbar{width:8px;height:5px}::-webkit-scrollbar-track{background:var(--obsidian)}::-webkit-scrollbar-thumb{background:#384447;border-radius:8px}
aside{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:30px;padding:20px max(24px,calc((100vw - 1280px)/2));background:rgba(5,10,11,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;white-space:nowrap;font:700 28px 'Rajdhani',sans-serif;letter-spacing:1.2px}.brand svg{flex-shrink:0}.cyan-text{color:var(--cyan)}aside>.tag,aside .bottom{display:none}nav{display:flex;align-items:center;gap:3px;margin-left:auto}nav a{font:600 13px 'Rajdhani',sans-serif;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap;text-decoration:none;padding:10px 11px;color:var(--muted);border:1px solid transparent;border-radius:24px}nav a:hover{background:#00e5ff0b}nav a.active{color:var(--cyan);border-color:#00e5ff55;background:#00e5ff0b}main{max-width:1280px;padding:0 36px;margin:auto}main>header{display:flex;justify-content:space-between;gap:12px;padding:23px 0;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:1.6px;color:var(--muted)}h1,h2,h3,h4,.tag,.phase{font-family:'Rajdhani',sans-serif}h1{font-size:clamp(42px,5vw,68px);line-height:1.05;margin:12px 0 20px;font-weight:700;letter-spacing:-1px}h2{font-size:32px;line-height:1.15;margin:0 0 16px;font-weight:700}h3{font-size:23px;line-height:1.3;font-weight:700}p{line-height:1.75}small{color:var(--muted);font-size:12px}.tag{font-size:12px;letter-spacing:2px;font-weight:600;color:var(--cyan)}.intro{padding:40px 0 25px}.intro p{color:var(--muted);max-width:760px}.card{background:var(--panel);border:1px solid var(--line);border-top-color:#ffffff29;border-radius:18px;padding:28px;margin-bottom:24px;backdrop-filter:blur(16px)}.card>.tag{display:block;margin-bottom:16px}.card p{color:#bac4cc}.grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.hero{display:grid;grid-template-columns:1.5fr 1fr;gap:35px;background:linear-gradient(120deg,#05383d88,#061719);border:1px solid #00e5ff30;border-radius:20px;padding:34px;margin-bottom:28px}.hero h2{font-size:40px}.hero p{color:#c0d0d3}.hero .tag{color:var(--cyan)!important}.court{position:relative;border:1px solid #00e5ff66;border-radius:8px;margin:18px;min-height:180px}.court:before,.court:after{content:'';position:absolute;border:1px solid #00e5ff55;border-radius:0 0 50% 50%}.court:before{left:30%;right:30%;height:60%}.court:after{left:9%;right:9%;height:85%}.pos{position:absolute;background:var(--orange);color:#050505;border-radius:50%;width:34px;height:34px;display:grid;place-items:center;font-weight:700;z-index:1;box-shadow:0 0 20px #ff6b0033}.l{left:20%;top:-17px}.c{right:-17px;top:50%;background:var(--cyan)}.t{left:-17px;bottom:-17px}
button{padding:11px 18px;min-height:44px;background:#ffffff05;border:1px solid #ffffff2a;border-radius:24px;cursor:pointer;color:#fff;font-weight:500}button:hover:not(:disabled){background:#00e5ff10;border-color:#00e5ff80;box-shadow:0 5px 22px #00e5ff0d}button.primary,.hero button{background:var(--orange);border-color:var(--orange);color:#050505;font-weight:700}button.primary:hover:not(:disabled),.hero button:hover{background:#ff852e;box-shadow:0 0 25px #ff6b0044}button:disabled{opacity:.5;cursor:default}.choices{display:grid;gap:12px;margin:22px 0}.choices button{text-align:left;border-radius:12px}.correct{background:#063e32!important;color:#b1f9d8!important;border-color:#39c58b!important}.wrong{background:#54212b!important;color:#ffd5dc!important;border-color:#f38194!important}.feedback{padding:18px;background:#00e5ff09;border-left:3px solid var(--cyan);line-height:1.7;border-radius:0 10px 10px 0}.row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:30px;margin:25px 0}.stats strong{display:block;font:700 42px 'Rajdhani',sans-serif;color:var(--cyan)}.focus{padding:18px 0;border-top:1px solid var(--line)}.focus b{font:600 15px 'Rajdhani',sans-serif;letter-spacing:1px}.focus p{font-size:14px;color:var(--muted);margin:6px 0}.pill{display:inline-block;background:#00e5ff0b;color:#8deaf3;border:1px solid #00e5ff30;padding:5px 12px;border-radius:30px;font-size:11px}
input,textarea,select{width:100%;padding:12px 14px;border:1px solid #ffffff2b;border-radius:10px;margin-top:7px;background:#0d1618;color:#f3f7f8;min-width:0}input::placeholder,textarea::placeholder{color:#829198}select option{background:#0d1618}textarea{min-height:110px;resize:vertical}input[type=checkbox]{width:18px;height:18px;accent-color:var(--cyan);vertical-align:middle;margin-right:8px}input[type=file]{font-size:12px}label{display:block;font-size:14px;font-weight:500;margin-bottom:16px}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.wide{grid-column:1/-1}.toolbar{display:flex;gap:12px;margin-bottom:24px}.toolbar input{flex:2}.toolbar select{flex:1}.bankitem{padding:20px 0;border-top:1px solid var(--line);overflow-wrap:anywhere}summary{cursor:pointer;line-height:1.6;font-weight:500}.bankitem p{color:var(--muted)}.day{display:flex;gap:12px;padding:16px 0;border-top:1px solid var(--line)}.day input{flex-shrink:0;margin-top:5px}.day label{font-weight:400;margin:0;line-height:1.6;flex:1}.day small{display:block;color:var(--cyan);font:600 13px 'Rajdhani',sans-serif;letter-spacing:1px}.done label{text-decoration:line-through;color:var(--muted)}progress{width:100%;height:8px;accent-color:var(--cyan)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.empty{padding:25px 0;color:var(--muted)}footer{border-top:1px solid var(--line);margin-top:35px;padding:25px 0;font-size:12px;color:var(--muted)}footer button{font-size:12px}.import{display:inline-block;font-size:12px;margin-left:10px}.import input{max-width:200px;font-size:11px}#toast{display:none;position:fixed;right:20px;bottom:20px;max-width:calc(100vw - 40px);background:#10383d;border:1px solid #00e5ff55;color:white;padding:15px 20px;z-index:50;border-radius:12px;box-shadow:0 8px 30px #0008}.account{margin-top:24px;margin-bottom:0}.account h2{font-size:25px;margin:0}.account .row p{font-size:13px;margin:0;max-width:520px}.account form{margin-top:20px}.account label{margin-bottom:4px}.signin-row{display:flex;gap:12px;align-items:center;margin-bottom:10px}.signin-row input{margin:0;flex:1;min-width:0}.signin-row button{flex-shrink:0}.account .actions{margin:12px 0}.account #signin-feedback:empty{display:none}.account [data-level=error]{color:#ff9daa}.sync-conflict{padding:16px;background:#ff6b0015;border:1px solid #ff6b0055;border-radius:10px;margin:12px 0}.sync-conflict button{margin:4px 8px 4px 0}.account #import-guest{margin-top:12px}.account #signin-feedback{font-size:13px}.skip-link{position:fixed;top:-100px;left:20px;padding:12px;background:var(--cyan);color:#050505;z-index:100}.skip-link:focus{top:12px}
/* Reference landing design: Rajdhani, Outfit, glass, cyan/orange and timeline. */
.text-gradient{background:linear-gradient(135deg,var(--orange),var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.text-gradient-cyan{background:linear-gradient(135deg,#fff,var(--cyan));background-clip:text;-webkit-background-clip:text;color:transparent}.landing main{max-width:1360px}.landing main>header,.landing #account{display:none!important}.landing-hero{min-height:calc(100svh - 85px);display:grid;place-items:center;text-align:center;position:relative;padding:100px 20px 120px;isolation:isolate}.landing-hero:before{content:'';position:absolute;inset:0 calc((min(100vw,1360px) - 100vw)/2 - 36px);z-index:-1;background:radial-gradient(ellipse at 28% 10%,#00484f77,transparent 70%),radial-gradient(#ffffff06 1px,transparent 1px);background-size:auto,40px 40px;pointer-events:none}.landing-content{width:100%;max-width:1000px}.platform-badge{display:inline-flex;align-items:center;gap:10px;border:1px solid #ff6b004f;background:#ffffff02;border-radius:100px;padding:7px 17px;color:#ff8733;font:500 13px 'Rajdhani',sans-serif;letter-spacing:2.6px;text-transform:uppercase;margin-bottom:35px}.platform-badge span{font-size:10px}.landing-hero h1{font-size:clamp(52px,7.2vw,96px);font-weight:700;line-height:1.1;margin:0 0 30px;letter-spacing:-1.2px}.values{display:flex;align-items:center;justify-content:center;gap:20px;font:500 23px 'Rajdhani',sans-serif;color:#9ca3af;letter-spacing:.3em;margin:32px 0 52px}.values i{font-size:14px;color:#00e5ff66;font-style:normal}.values i:nth-of-type(2){color:#ff6b0077}.landing-actions{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.cta{display:inline-block;text-decoration:none;padding:16px 40px;border-radius:50px;border:1px solid #ffffff26;background:#ffffff02;font:700 19px 'Rajdhani',sans-serif;letter-spacing:1.3px;text-transform:uppercase}.cta.primary{background:var(--orange);border-color:var(--orange);color:#050505}.cta:hover{border-color:var(--cyan);color:white;transform:translateY(-2px)}.cta.primary:hover{border-color:var(--orange);background:#ff852e;color:#050505;box-shadow:0 0 30px #ff6b0044}.landing-section{padding:85px 0;scroll-margin-top:30px}.section-heading{text-align:center;margin-bottom:60px}.section-heading h2{font-size:clamp(34px,4vw,50px)}.section-heading p{color:var(--muted)}.gradient-line{height:4px;width:96px;background:linear-gradient(90deg,var(--orange),var(--cyan));margin:22px auto;border-radius:8px}.pillar-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.pillar{padding:32px;display:flex;flex-direction:column;transition:transform .3s,border-color .3s,box-shadow .3s}.pillar:hover{transform:translateY(-5px);border-color:#ff6b0077;box-shadow:0 10px 30px -10px #ff6b0033}.pillar.cyan:hover{border-color:#00e5ff77;box-shadow:0 10px 30px -10px #00e5ff33}.pillar-icon{width:56px;height:56px;display:grid;place-items:center;color:var(--orange);border:1px solid #ff6b0033;background:#ff6b0010;border-radius:12px;margin-bottom:14px}.pillar.cyan .pillar-icon{color:var(--cyan);border-color:#00e5ff33;background:#00e5ff10}.pillar h3{font-size:26px;margin:10px 0}.pillar p{font-size:14px;margin:0 0 24px}.pillar>a{margin-top:auto;text-decoration:none;font-size:14px;color:var(--cyan)}.development-timeline{max-width:900px;margin:auto;position:relative}.development-timeline:before{content:'';position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--orange),var(--cyan));opacity:.3}.timeline-step{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:20px 0 55px}.timeline-step>div{grid-column:1;text-align:right}.timeline-step:nth-child(2)>div{grid-column:2;text-align:left}.timeline-step h3{font-size:28px;margin:7px 0}.timeline-step p{color:var(--muted);font-size:14px}.timeline-step a{color:#c7f6fa;font-size:14px;text-decoration:none}.phase{font-size:21px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:var(--orange)}.timeline-step:nth-child(2) .phase{color:var(--cyan)}.timeline-step:nth-child(3) .phase{color:#fff}.timeline-dot{position:absolute;left:50%;top:23px;transform:translateX(-50%);width:28px;height:28px;border:2px solid var(--orange);border-radius:50%;background:var(--obsidian);box-shadow:0 0 15px #ff6b0033}.timeline-dot:after{content:'';position:absolute;inset:8px;background:var(--orange);border-radius:50%}.timeline-step:nth-child(2) .timeline-dot{border-color:var(--cyan);box-shadow:0 0 15px #00e5ff33}.timeline-step:nth-child(2) .timeline-dot:after{background:var(--cyan)}.timeline-step:nth-child(3) .timeline-dot{border-color:white;box-shadow:0 0 15px #ffffff33}.timeline-step:nth-child(3) .timeline-dot:after{background:white}.landing-signature{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;color:var(--muted)}.landing-signature>span{font:700 20px 'Rajdhani',sans-serif}.landing-signature p{font-size:12px}.landing-signature .signature{padding:10px 16px;background:var(--panel);border:1px solid var(--line);border-radius:8px;font:12px 'Outfit',sans-serif;letter-spacing:2px}.signature b{font:700 18px 'Rajdhani',sans-serif;border-left:1px solid var(--line);padding-left:12px;margin-left:10px}
@media(max-width:1150px){aside{flex-wrap:wrap;gap:10px;padding:16px 24px}nav{width:100%;margin:0;overflow:auto}nav a{flex-shrink:0}html{scroll-padding-top:145px}.landing-hero{min-height:calc(100svh - 128px)}.grid{grid-template-columns:1fr 1fr}.pillar{padding:24px}}
@media(max-width:760px){main{padding:0 20px}aside{padding:16px 20px}.brand{font-size:27px}nav{gap:4px}nav a{font-size:12px;padding:10px}.grid,.formgrid,.pillar-grid{grid-template-columns:1fr}.hero{grid-template-columns:1fr;padding:26px}.court{display:none}.card{padding:22px}.toolbar{flex-direction:column}.signin-row{align-items:stretch;flex-direction:column}.account .row{align-items:flex-start;flex-direction:column}.account button{white-space:normal}.landing-hero{padding:100px 0 105px}.landing-hero:before{inset:0 -20px}.landing-hero h1{font-size:clamp(46px,10.5vw,76px);letter-spacing:-.5px}.values{flex-direction:column;gap:20px;font-size:20px;margin:32px 0 48px}.values i{display:none}.platform-badge{font-size:11px;letter-spacing:2px;padding:7px 14px;margin-bottom:34px}.landing-actions{flex-direction:column;align-items:center;gap:20px}.cta{font-size:18px;min-width:240px;padding:17px 28px}.landing-section{padding:60px 0}.section-heading{margin-bottom:35px}.development-timeline:before{left:15px}.timeline-step{display:block;padding:10px 0 40px 55px}.timeline-step>div,.timeline-step:nth-child(2)>div{text-align:left}.timeline-dot{left:16px;top:15px}.landing-signature{flex-direction:column;text-align:center;gap:10px}.landing-signature p{margin:0}.landing main>footer{margin-top:0}.stats{gap:24px}.intro{padding-top:30px}main>header{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.pillar:hover,.cta:hover{transform:none}}

.landing-nav{display:none}.landing aside>nav:not(.landing-nav){display:none}.landing .landing-nav{display:flex;width:auto;margin-left:auto;gap:18px}.landing-nav a{font-size:15px}.landing-nav .signin-link{border-color:#00e5ff55;color:var(--cyan);padding:10px 25px}.landing aside{min-height:80px}.landing #app:focus{outline:none}@media(max-width:760px){.landing .landing-nav{display:none}.landing aside{min-height:80px}.landing-hero{min-height:calc(100svh - 80px)}}
/* Illustrated practice tests */
.quiz-modes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px 0}.quiz-modes button{padding:24px;text-align:left}.quiz-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.quiz-figure{margin:0;background:#07181c;border:1px solid #254047;border-radius:18px;padding:16px}.quiz-figure svg{width:100%;display:block;max-height:320px}.quiz-figure figcaption{color:#b2c5c9;font-size:14px;text-align:center;line-height:1.6}.quiz-options{display:grid;gap:12px;margin-bottom:20px}.quiz-options button{width:100%;text-align:left;min-height:54px;white-space:normal}.quiz-options button:disabled{opacity:1;cursor:default}.quiz-feedback{padding:18px;border:1px solid;border-radius:14px;margin-bottom:20px}.quiz-feedback h3{margin-top:0}.quiz-feedback.correct,.quiz-options .correct{background:#12382e;color:#bdf9d8;border-color:#4bd99a}.quiz-feedback.incorrect,.quiz-options .incorrect{background:#3a2026;color:#ffd3d7;border-color:#f493a0}.quiz-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:28px 0}.quiz-stats div{display:flex;flex-direction:column;border-top:1px solid #345058;padding-top:12px}.quiz-stats strong{font-size:25px;color:#00e5ff}.quiz-stats span{font-size:13px;color:#b2c5c9}.quiz-card progress{width:100%;height:7px;margin-top:20px;accent-color:#00e5ff}#quiz-list details,.quiz-card details{padding:16px 0;border-bottom:1px solid #254047}#quiz-list summary{cursor:pointer}button:disabled{cursor:not-allowed}#quiz-next:disabled{opacity:.4}.quiz-card h2{margin:24px 0} .quiz-feedback a{color:inherit;text-decoration:underline}
@media(max-width:700px){.quiz-layout{grid-template-columns:1fr}.quiz-stats{grid-template-columns:repeat(3,1fr)}.quiz-modes{grid-template-columns:1fr}.quiz-figure svg{max-height:240px}}
/* Source-linked Tough Calls */
.tough-feature .section-heading{text-align:left;margin-bottom:24px}.tough-banner{position:relative;display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;min-height:360px;padding:48px;background:radial-gradient(ellipse at right,#075560 0,transparent 70%),#061014;border:1px solid #254047;border-radius:24px;overflow:hidden}.tough-banner h3{font:700 clamp(32px,4vw,62px)/1.05 Rajdhani,sans-serif;margin:20px 0}.tough-banner p{color:#b2c5c9}.tough-banner svg{width:100%;color:#4f8b95;opacity:.75}.carousel-controls{display:flex;gap:10px;margin:18px 0}.carousel-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.carousel-tabs button{border:0;border-top:3px solid #294047;border-radius:0;background:transparent;text-align:left;white-space:normal;padding:14px 2px;color:#a7bbc0}.carousel-tabs button[aria-pressed=true]{border-color:#ff6b00;color:#fff}.tough-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}.tough-tile{display:block;padding:24px;border:1px solid #254047;border-radius:18px;color:inherit;text-decoration:none;background:#08161b}.tough-tile:hover,.tough-tile[aria-current=true]{border-color:#00e5ff}.tough-tile h3{font-size:24px}.tough-tile p,.tough-tile small{color:#a7bbc0}.tough-watch{display:flex;gap:24px;align-items:center;padding:28px;border:1px solid #254047;background:linear-gradient(120deg,#07353d,#11151b);border-radius:18px;margin:24px 0}.tough-watch>span{font-size:48px;color:#ff6b00}.tough-watch h3{margin:0}.tough-study h2{font-size:36px}.tough-study h4{margin-bottom:6px}.tough-study .quiz-feedback{margin-top:24px}.tough-study button:disabled{opacity:.65}.tough-grid a:focus-visible,.carousel-tabs button:focus-visible{outline:3px solid #00e5ff;outline-offset:4px}
@media(max-width:700px){.tough-banner{grid-template-columns:1fr;padding:28px;min-height:350px}.tough-banner svg{position:absolute;width:220px;right:-60px;bottom:-20px;opacity:.15;pointer-events:none}.tough-banner>div{position:relative;z-index:1}.carousel-tabs{display:flex;overflow-x:auto}.carousel-tabs button{flex:0 0 150px}.tough-grid{grid-template-columns:1fr}.tough-watch{padding:20px;gap:14px}.tough-watch>span{font-size:28px}.tough-watch .cta{padding:12px 16px;font-size:15px}}

.landing #account[data-signed-in="true"] { display: block !important; }