:root{--ink:#10234a;--muted:#667b9b;--blue:#215af5;--blue2:#4c82ff;--line:#e1e9f6;--bg:#f5f8fe;--shadow:0 18px 55px rgba(31,65,125,.055)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}input{accent-color:var(--blue)}[hidden]{display:none!important}
.header{background:#fff;border-bottom:1px solid #edf1f8}.header-inner{max-width:1220px;margin:auto;min-height:76px;padding:12px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px}.brand-icon{font-size:27px;letter-spacing:-.15em;font-weight:1000;display:grid;place-items:center;width:46px;height:44px;color:#2365ee;transform:skew(-8deg);text-shadow:5px 1px 0 #7da8ff}.brand-words{line-height:1.15}.brand b{display:block;font-size:20px;letter-spacing:.05em}.brand small{font-size:11px;color:#6980a5}.site-nav{display:flex;gap:28px;font-size:13px;color:#5b6e8e}.site-nav a:hover,.header-exit:hover{color:var(--blue)}.actions{display:flex;align-items:center;gap:25px}.lang-switch{display:flex;padding:3px;border:1px solid #dce5f4;border-radius:999px}.language{padding:6px 11px;border-radius:999px;font-size:12px;color:#5e7190}.language.selected{background:var(--blue);color:#fff;font-weight:750;box-shadow:0 3px 9px #215af529}.header-exit{font-size:13px;color:#526687}footer{max-width:1220px;margin:0 auto;padding:28px 30px;display:flex;justify-content:space-between;gap:20px;color:#8390a8;font-size:12px}
.btn{border:0;border-radius:11px;background:var(--blue);color:white;display:inline-flex;justify-content:center;align-items:center;gap:15px;padding:15px 25px;font-weight:700;font-size:14px;transition:transform .2s,box-shadow .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 25px #215af535}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(110deg,#1754ef,#2865fa);min-width:min(100%,450px);box-shadow:0 7px 20px #215af528}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:800;color:#607ca5}.subtle-text{font-size:13px;color:var(--muted)}.notice{background:#ecf4ff;border:1px solid #d8e7ff;color:#2050a5;border-radius:12px;padding:15px 18px;margin:0 0 22px;font-size:14px}
/* Candidate welcome */
.welcome-shell{max-width:1180px;margin:0 auto;padding:38px 26px 58px}.welcome-banner{position:relative;overflow:hidden;border-radius:21px;background:linear-gradient(116deg,#e7f1ff 0%,#eaf3ff 58%,#dceaff 100%);padding:38px 38px 28px;min-height:310px}.welcome-intro{position:relative;z-index:2;max-width:610px}.welcome-intro h1{font-size:clamp(29px,3.8vw,43px);letter-spacing:-.04em;line-height:1.15;margin:13px 0 14px}.welcome-intro p{color:#597194;font-size:16px;max-width:610px;margin:0}.welcome-visual{position:absolute;right:75px;top:10px;width:300px;height:210px}.visual-glow{position:absolute;inset:20px;border-radius:50%;background:#ffffff80;filter:blur(6px)}.visual-laptop{position:absolute;right:45px;top:45px;width:150px;height:115px;display:grid;place-items:center;background:linear-gradient(130deg,#2877ff,#7ab2ff);border:9px solid #fff;border-radius:19px;transform:rotate(-8deg);font-size:65px;color:white;box-shadow:0 18px 40px #417fe63d}.visual-code,.visual-check{position:absolute;display:grid;place-items:center;border-radius:14px;background:#fff;color:#3676ef;box-shadow:0 12px 30px #4676c330;font-weight:800}.visual-code{left:5px;top:45px;width:70px;height:62px;font-size:22px}.visual-check{right:0;bottom:6px;width:55px;height:55px;color:#18b88b;font-size:27px}.info-tiles{position:relative;z-index:3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:32px}.info-tile{display:flex;align-items:center;gap:14px;background:#ffffffd9;padding:16px 18px;border-radius:13px;min-height:82px;backdrop-filter:blur(5px)}.tile-icon{width:43px;height:43px;border-radius:12px;background:#e9f2ff;display:grid;place-items:center;font-size:25px;color:#2371f5;flex-shrink:0}.info-tile strong{display:block;font-size:14px}.info-tile small{display:block;font-size:12px;color:#6a7e9d;margin-top:2px}
.assessment-panel{margin-top:24px;background:white;border-radius:20px;padding:36px 38px 40px;box-shadow:var(--shadow)}.form-step{margin:0 0 48px}.step-heading{display:flex;align-items:flex-start;gap:20px;margin-bottom:23px}.step-index{width:47px;height:47px;flex:0 0 47px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#e8edff,#c4d2ff);font-size:25px;color:#1654e8;font-weight:800}.step-heading h2{font-size:22px;line-height:1.3;letter-spacing:-.025em;margin:2px 0 5px}.step-heading p{margin:0;color:var(--muted);font-size:14px}.direction-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.direction-choice{position:relative;display:flex;gap:15px;align-items:flex-start;min-height:148px;border:1.5px solid var(--line);border-radius:13px;padding:21px;cursor:pointer;transition:.2s}.direction-choice:hover,.skill-choice:hover,.language-choice:hover{border-color:#93b2ff}.direction-choice:has(input:checked),.skill-choice:has(input:checked),.language-choice:has(input:checked){border-color:#3d75ff;background:linear-gradient(130deg,#f1f5ff,#fafcff);box-shadow:0 0 0 1px #3d75ff10}.direction-choice input,.skill-choice input,.language-choice input{position:absolute;opacity:0;width:1px;height:1px}.direction-symbol{display:grid;place-items:center;width:53px;height:53px;flex:0 0 53px;border-radius:13px;background:#eaf1ff;color:#3077f5;font-size:30px}.direction-copy{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-right:16px}.direction-copy strong{font-size:15px;line-height:1.45}.match-tag{font-size:11px;font-weight:700;color:#617594;background:#f1f4fa;border-radius:8px;padding:6px 10px}.match-tag.high{color:#0a9a7b;background:#dcf8ee}.choice-circle{position:absolute;right:19px;top:20px;width:19px;height:19px;border-radius:50%;border:1.6px solid #a9b9d2;background:#fff}.direction-choice:has(input:checked) .choice-circle,.language-choice:has(input:checked) .choice-circle{border-color:#2565f5;box-shadow:inset 0 0 0 4px white;background:#2565f5}.skills-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.skill-choice{position:relative;display:flex;align-items:center;gap:15px;padding:15px 17px;border:1.5px solid var(--line);border-radius:12px;min-height:74px;cursor:pointer}.skill-choice strong{font-size:14px}.skill-box{width:19px;height:19px;border:1.5px solid #aabbd4;border-radius:4px;flex:0 0 19px;background:white}.skill-choice:has(input:checked) .skill-box{background:var(--blue);border-color:var(--blue)}.skill-choice:has(input:checked) .skill-box:after{content:'✓';display:block;color:white;text-align:center;line-height:17px;font-size:13px;font-weight:800}.skill-icon{width:36px;display:grid;place-items:center;color:#1468db;font-size:22px;font-weight:850}.language-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.language-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:125px;border:1.5px solid var(--line);border-radius:12px;cursor:pointer;padding:13px 5px 24px}.flag{font-size:28px;line-height:1}.language-choice strong{font-size:12px;text-align:center}.language-choice .choice-circle{top:auto;right:auto;bottom:11px;width:17px;height:17px}.time-notice{display:flex;gap:14px;background:#f0f5fc;border-radius:12px;padding:17px 19px;color:#5b7092;font-size:13px}.time-notice-icon{font-size:23px;color:#2268f5;line-height:1}.consent{display:flex;align-items:flex-start;gap:11px;margin:25px auto 0;max-width:690px;color:#425b7f;font-size:13px;cursor:pointer}.consent input{margin-top:3px;width:17px;height:17px}.submit-area{text-align:center;margin-top:25px}.submit-area .subtle-text{margin:12px auto 0;max-width:600px}
/* Landing */
.hero{max-width:1180px;margin:38px auto 0;padding:65px 55px;min-height:455px;border-radius:23px;background:linear-gradient(110deg,#092457,#1750ba 70%,#337efa);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;color:white;overflow:hidden;position:relative}.hero .eyebrow{color:#b7d5ff}.hero h1{font-size:clamp(34px,4.4vw,57px);line-height:1.1;letter-spacing:-.045em;margin:18px 0}.hero p{font-size:17px;color:#d7e6ff;max-width:570px}.hero .btn{background:white;color:#1454ca;margin-top:16px}.hero .muted{font-size:12px;color:#b6d1fb;margin-top:16px}.hero-art{position:relative;height:300px;display:grid;place-items:center}.hero-mark{font-size:125px;font-weight:900;letter-spacing:-.13em;text-shadow:0 0 45px #a5cfff66}.hero-mark span{color:#a4e3ff;font-size:50px;vertical-align:top}.orbit{position:absolute;border:1px solid #ffffff2d;border-radius:50%;aspect-ratio:1}.orbit-one{width:290px}.orbit-two{width:410px}.floating{position:absolute;border:1px solid #ffffff50;background:#ffffff20;backdrop-filter:blur(9px);padding:11px 15px;border-radius:12px;font-size:11px;letter-spacing:.12em}.floating-a{left:0;top:20px}.floating-b{right:0;top:130px}.floating-c{bottom:10px;left:25px}.section{max-width:1180px;margin:0 auto;padding:65px 26px}.section h2{font-size:32px;letter-spacing:-.035em;margin:12px 0 27px}.section p{color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;min-height:210px}.card .number{font-size:13px;font-weight:800;color:var(--blue)}.card h3{font-size:18px;margin:28px 0 8px}.card p{font-size:14px;margin:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.step{display:flex;flex-direction:column;gap:17px;background:white;border:1px solid var(--line);border-radius:14px;padding:23px;font-size:14px}.step b{font-size:24px;color:var(--blue)}details{border-bottom:1px solid #dce5f4;padding:18px 0}summary{cursor:pointer;font-weight:650}details p{margin-bottom:0}.resume{background:linear-gradient(110deg,#10336f,#215de2);color:white;border-radius:18px;padding:37px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:45px}.resume h2{margin:0 0 8px}.resume p{color:#d8e7ff;margin:0}.btn-light{background:white;color:#2159d9;white-space:nowrap}
/* Email and OTP */
.auth-wrap{min-height:calc(100vh - 145px);padding:75px 22px;display:grid;place-items:center;background:radial-gradient(circle at 50% 0%,#e6f0ff 0,transparent 45%),var(--bg)}.panel{width:min(100%,480px);padding:43px;background:white;border:1px solid #e4ebf6;border-radius:21px;box-shadow:0 20px 65px #163b7710}.auth-panel:before{content:'✦';display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#e9f1ff;color:#2565f5;font-size:27px;margin-bottom:22px}.panel h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:14px 0}.panel p{color:var(--muted);font-size:14px}.panel form{margin-top:28px}.panel form label{display:block;font-weight:700;font-size:13px;margin-bottom:8px}.panel form input:not([type=checkbox]){width:100%;height:54px;border:1.5px solid #dce5f4;border-radius:11px;padding:0 16px;outline:none;font-size:16px}.panel form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #215af513}.panel form .btn{width:100%;margin-top:18px}.btn-outline{background:#eef4ff;color:#2056c8}.text-link{display:block;color:var(--blue);margin-top:22px;font-size:13px}
@media(max-width:1000px){.welcome-visual{opacity:.3;right:10px}.welcome-intro{max-width:680px}.language-grid{grid-template-columns:repeat(3,1fr)}.hero{margin:20px;grid-template-columns:1fr .65fr}.site-nav{gap:12px}}
@media(max-width:700px){.header-inner{padding:12px 18px;min-height:67px}.brand b{font-size:17px}.brand small{font-size:10px}.site-nav{display:none}.actions{gap:10px}.header-exit{font-size:12px}.welcome-shell{padding:18px 12px 36px}.welcome-banner{padding:25px 20px 19px;min-height:0}.welcome-visual{display:none}.welcome-intro h1{font-size:29px}.welcome-intro p{font-size:14px}.info-tiles{grid-template-columns:1fr;gap:8px;margin-top:24px}.info-tile{min-height:58px;padding:10px 13px}.tile-icon{height:37px;width:37px;font-size:20px}.assessment-panel{margin-top:13px;padding:26px 18px}.form-step{margin-bottom:35px}.step-heading{gap:13px}.step-index{width:39px;height:39px;flex-basis:39px;font-size:21px}.step-heading h2{font-size:19px}.step-heading p{font-size:13px}.direction-list{grid-template-columns:1fr}.direction-choice{min-height:110px;padding:17px}.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.language-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{grid-template-columns:1fr;margin:14px;padding:43px 25px;min-height:0}.hero-art{display:none}.section{padding:44px 19px}.section h2{font-size:27px}.cards,.steps{grid-template-columns:1fr}.resume{margin:10px 15px 30px;display:block;padding:26px}.resume .btn{margin-top:20px}.panel{padding:29px 23px}footer{padding:22px 18px;flex-wrap:wrap}}
@media(max-width:380px){.skills-grid{grid-template-columns:1fr}.language-grid{grid-template-columns:repeat(2,1fr)}.brand-icon{width:34px;font-size:23px}.brand{gap:6px}}