:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#fff;background:#24182d;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;width:100%}body{min-height:100vh;background:#24182d}button{font:inherit;cursor:pointer}.login-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#24182d;isolation:isolate}.gradient-field{position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;width:116%;height:116%;z-index:0;display:block;pointer-events:none;contain:strict;background:radial-gradient(ellipse 58% 55% at 78% 30%,rgba(246,48,193,.96) 0%,rgba(221,55,166,.88) 35%,rgba(158,47,126,.45) 67%,transparent 100%),radial-gradient(ellipse 55% 48% at 47% 86%,rgba(205,133,29,.92) 0%,rgba(174,105,38,.68) 33%,rgba(117,68,67,.25) 67%,transparent 100%),radial-gradient(ellipse 52% 62% at 2% 54%,rgba(23,117,132,.9) 0%,rgba(35,100,116,.62) 33%,rgba(40,68,88,.22) 67%,transparent 100%),radial-gradient(ellipse 70% 50% at 51% 8%,rgba(159,43,125,.8) 0%,rgba(102,37,91,.58) 40%,transparent 78%),radial-gradient(ellipse 62% 68% at 10% 5%,rgba(47,27,55,.92) 0%,rgba(35,23,45,.55) 55%,transparent 100%),linear-gradient(145deg,#211a2c,#3d2747 35%,#b43b92 63%,#d94b99 78%,#4b2947);background-blend-mode:screen,screen,screen,screen,normal,normal;animation:gradient-drift 24s ease-in-out infinite alternate;will-change:transform}.gradient-field:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 52% 42% at 72% 62%,rgba(255,116,187,.2),transparent 72%),radial-gradient(ellipse 42% 45% at 37% 72%,rgba(255,173,64,.16),transparent 72%);filter:blur(38px);opacity:.9;animation:gradient-bloom 18s ease-in-out infinite alternate;will-change:transform}.gradient-field:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 .9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:180px 180px;mix-blend-mode:soft-light;opacity:.24;animation:noise-drift 9s steps(2,end) infinite;will-change:background-position}@keyframes gradient-drift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.02)}50%{transform:translate3d(1%,1.5%,0) scale(1.045)}to{transform:translate3d(-.5%,2%,0) scale(1.025)}}@keyframes gradient-bloom{0%{transform:translate3d(-2%,1%,0) scale(.98)}to{transform:translate3d(2%,-2%,0) scale(1.06)}}@keyframes noise-drift{0%{background-position:0 0}25%{background-position:37px -19px}50%{background-position:-21px 31px}75%{background-position:28px 17px}to{background-position:-13px -27px}}.login-shell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(ellipse at center,transparent 25%,rgba(20,7,25,.22) 100%);pointer-events:none}.login-nav{position:relative;z-index:2;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.login-brand{font-size:22px;font-weight:750;letter-spacing:-.045em;color:#fff;text-decoration:none}.login-nav-links{display:flex;gap:48px}.login-nav-links a{color:#fff;text-decoration:none;font-size:16px;font-weight:600;transition:opacity .15s ease}.login-nav-links a:hover{opacity:.72}.login-card{position:relative;z-index:2;width:min(940px,90vw);margin:0 auto;padding:clamp(110px,18vh,178px) 0 20px;text-align:center}.login-card h1{font-size:70px;line-height:1.02;letter-spacing:-.055em;font-weight:760;margin:0;color:#fff}.login-card .tagline{font-size:23px;line-height:1.45;color:#ffffffc7;font-weight:520;margin:20px auto 0;max-width:860px}.landing-copy{display:flex;flex-direction:column;gap:13px;margin-top:clamp(72px,10vh,107px);padding-top:clamp(40px,6vh,61px)}.landing-copy strong{color:#fff;font-size:27px;line-height:1.35;font-weight:650}.landing-copy span{font-size:23px;line-height:1.45;color:#ffffffe6;font-weight:520}.google-button{display:flex;align-items:center;justify-content:center;gap:14px;width:610px;max-width:88vw;margin:clamp(72px,10vh,107px) auto 0;border:0;border-radius:9px;background:#ff2b86;color:#0f050cd1;padding:27px 28px;font-size:26px;font-weight:700;box-shadow:0 16px 48px #ff2b8633;transition:transform .15s ease,filter .15s ease}.google-button:hover{transform:translateY(-2px);filter:brightness(1.04)}.google-icon{width:27px;height:27px;flex:none}.google-button span{color:#0f050cd1}.google-button:focus-visible{outline:2px solid rgba(255,255,255,.85);outline-offset:4px}.practice-shell{position:relative;min-height:100svh;height:100svh;overflow:hidden;background:#24182d;isolation:isolate;color:#fff}.practice-shell>.gradient-field{z-index:0}.practice-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,rgba(12,3,14,.28) 100%)}.practice-nav{position:relative;z-index:3;height:82px;margin:0 5.8%;border-bottom:1px solid rgba(255,255,255,.11);display:flex;align-items:center;justify-content:space-between}.practice-layout{position:relative;z-index:3;width:min(1240px,88vw);height:calc(100svh - 82px);margin:0 auto;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(520px,1.28fr);gap:clamp(50px,7vw,105px);align-items:center}.stats-panel{display:flex;flex-direction:column;min-width:0}.terminal-kicker{font:600 10px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em;color:#ffffff85;text-transform:uppercase}.stats-panel h1{font:500 clamp(42px,4.7vw,66px)/1.02 Georgia,serif;letter-spacing:-.05em;margin:18px 0 42px;color:#fff}.stats-panel h1 em{font-style:normal;color:#ffffff9e}.profile-stats{display:grid;gap:24px}.profile-stats>div{padding-bottom:20px;border-bottom:1px solid rgba(255,255,255,.12)}.profile-stats span{display:block;font:600 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;color:#ffffff7a;margin-bottom:8px}.profile-stats strong{display:block;font:500 34px/1 Georgia,serif;color:#fff;letter-spacing:-.03em}.profile-stats strong.unestablished{font-size:31px;color:#ffffff8c}.profile-stats small{display:block;margin-top:7px;color:#ffffff7a;font:9px/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.06em}.profile-signout{align-self:flex-start;margin-top:27px;border:0;background:transparent;color:#ffffff8c;padding:0;font-size:11px}.profile-signout span{margin-left:12px}.terminal-wrap{min-width:0}.terminal-window{min-height:510px;border:1px solid rgba(255,255,255,.17);border-radius:13px;background:#07040ac2;box-shadow:0 28px 90px #00000047,inset 0 1px #ffffff0d;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);overflow:hidden;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-bar{height:43px;padding:0 17px;border-bottom:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:#ffffff6e;font-size:10px}.terminal-dots{display:flex;gap:6px}.terminal-dots i{display:block;width:8px;height:8px;border-radius:50%;background:#ffffff40}.terminal-status{text-align:right;color:#7ee1a5b8;font-size:9px}.terminal-content{padding:32px 34px}.terminal-line{font-size:11px;line-height:1.7}.terminal-line.muted{color:#ffffff4d;margin-bottom:22px}.terminal-line.prompt{color:#ffffffe6;font-size:14px;line-height:1.65;white-space:pre-wrap}.terminal-options{display:grid;gap:9px;margin-top:25px}.terminal-option{width:100%;border:1px solid rgba(255,255,255,.1);background:#ffffff09;color:#ffffffc2;border-radius:6px;text-align:left;padding:12px 13px;display:flex;align-items:center;gap:13px;font:12px/1.35 ui-monospace,SFMono-Regular,Menlo,monospace;transition:background .15s,border-color .15s}.terminal-option:hover:not(:disabled){background:#ffffff14;border-color:#ffffff3b}.terminal-option>span{width:22px;height:22px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.15);border-radius:4px;color:#ffffff73;font-size:10px;flex:none}.terminal-option b{margin-left:auto;color:#8ee1a8}.terminal-option.correct{border-color:#7ee1a561;background:#7ee1a514;color:#d8f7e2}.terminal-option.incorrect{border-color:#ff738759;background:#ff738712;color:#ffd9de}.terminal-result{margin-top:18px;padding:11px 13px;border-top:1px solid rgba(255,255,255,.09);display:flex;justify-content:space-between;gap:20px;font-size:10px}.terminal-result.good{color:#91e1a9}.terminal-result.bad{color:#f29ba7}.terminal-next{width:100%;border:0;border-top:1px solid rgba(255,255,255,.1);background:#ffffff06;color:#ffffffbf;padding:16px 24px;text-align:left;display:flex;justify-content:space-between;font:11px ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-empty{min-height:467px;padding:65px 52px;display:flex;flex-direction:column;justify-content:center}.terminal-prompt{margin-top:27px;color:#fff;font-size:22px;letter-spacing:-.03em}.terminal-prompt>span{color:#79d69a;margin-right:10px}.cursor{display:inline-block;width:7px;height:18px;background:#79d69a;vertical-align:-3px;margin-left:5px;animation:cursor-blink 1s steps(2,end) infinite}@keyframes cursor-blink{50%{opacity:0}}.terminal-empty p{color:#ffffff75;font-size:12px;line-height:1.6;margin:17px 0 26px}.terminal-start{align-self:flex-start;border:1px solid rgba(255,255,255,.18);background:#fff;color:#120913;border-radius:6px;padding:13px 17px;font:600 11px ui-monospace,SFMono-Regular,Menlo,monospace;min-width:150px;display:flex;justify-content:space-between;gap:22px;transition:transform .15s,background .15s}.terminal-start:hover:not(:disabled){transform:translateY(-1px);background:#f7eaf2}.rating-reminder{margin-top:40px;padding:14px 16px;border-left:2px solid rgba(255,207,119,.72);background:#ffcf770e;display:grid;gap:5px}.rating-reminder span{color:#ffcf77;font-weight:700}.rating-reminder strong{font-size:11px;color:#ffffffd1}.rating-reminder small{font-size:9px;color:#ffffff6b}.terminal-error{padding:12px 24px;color:#ff9ca8;border-top:1px solid rgba(255,255,255,.1);font:10px ui-monospace,SFMono-Regular,Menlo,monospace}.placeholder-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:#24182d}.placeholder-panel{width:min(560px,92vw);background:#08020ac7;color:#fff;border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:42px;box-shadow:0 12px 40px #00000040}.placeholder-brand{margin-bottom:55px}.placeholder-panel h1{font:500 55px/1.05 Georgia,serif;letter-spacing:-.04em;margin:18px 0}.placeholder-panel h1 em{color:#ffffff9e;font-style:normal}.placeholder-panel p{color:#ffffff8c;max-width:390px;margin:0 0 25px}.primary-button{border:0;background:#fff;color:#160a12;border-radius:5px;padding:13px 17px;font-size:12px;font-weight:600}.primary-button span{margin-left:20px}@media(prefers-reduced-motion:reduce){.gradient-field,.gradient-field:before,.gradient-field:after,.cursor{animation:none}.login-shell,.practice-shell{background:#24182d}}@media(max-width:850px){.practice-layout{grid-template-columns:1fr;gap:35px;height:auto;padding:55px 0 70px}.practice-shell{height:auto;min-height:100svh;overflow:auto}.stats-panel h1{margin-bottom:28px}.profile-stats{grid-template-columns:repeat(3,1fr);gap:14px}.profile-stats>div{padding-bottom:15px}.terminal-window{min-height:480px}}@media(max-width:650px){.login-nav,.practice-nav{margin:0 6%;height:70px}.login-brand{font-size:18px}.login-nav-links{gap:18px}.login-nav-links a{font-size:12px}.login-card{padding:92px 0 20px;width:88vw}.login-card h1{font-size:46px}.login-card .tagline{font-size:17px;margin-top:14px}.landing-copy{gap:8px;margin-top:58px;padding-top:0}.landing-copy strong{font-size:21px}.landing-copy span{font-size:17px}.google-button{width:100%;margin-top:64px;padding:20px 18px;font-size:20px}.google-icon{width:23px;height:23px}.practice-layout{width:88vw;padding:45px 0 55px;gap:28px}.stats-panel h1{font-size:45px;margin:14px 0 25px}.profile-stats{grid-template-columns:1fr;gap:15px}.profile-stats>div{padding-bottom:14px}.profile-stats strong{font-size:29px}.profile-signout{margin-top:20px}.terminal-window{min-height:450px}.terminal-bar{grid-template-columns:auto 1fr auto;padding:0 12px}.terminal-bar>span:nth-child(2){text-align:center}.terminal-content{padding:25px 18px}.terminal-empty{min-height:405px;padding:46px 25px}.terminal-prompt{font-size:18px}.terminal-result{flex-direction:column;gap:6px}.terminal-option{font-size:11px}.placeholder-panel{padding:30px}.placeholder-panel h1{font-size:43px}}