*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#101522;background:#f7f9fc;line-height:1.55}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{position:sticky;top:0;z-index:20;height:74px;display:flex;align-items:center;gap:28px;padding:0 6%;background:rgba(247,249,252,.9);backdrop-filter:blur(14px);border-bottom:1px solid #e6e9ef}.brand{font-weight:850;font-size:1.1rem;margin-right:auto}.brand span{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#101522;color:#fff;margin-right:7px}.topbar nav{display:flex;gap:20px;font-size:.9rem;font-weight:650}.topbar nav a:hover{color:#235cff}.primary-btn,.secondary-btn,.outline-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 18px;font-weight:750;cursor:pointer;transition:.2s}.primary-btn{background:#1857ff;color:#fff;box-shadow:0 10px 25px rgba(24,87,255,.2)}.primary-btn:hover{transform:translateY(-2px);background:#1049df}.secondary-btn,.outline-btn{background:#fff;border:1px solid #dfe4ec;color:#161c29}.outline-btn{padding:9px 13px;font-size:.82rem}.hero{min-height:720px;padding:100px 7%;display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center;background:radial-gradient(circle at 85% 20%,#dce7ff 0,transparent 34%),linear-gradient(135deg,#f7f9fc,#eef3fb)}.eyebrow{font-size:.74rem;letter-spacing:.14em;font-weight:850;color:#1857ff;margin:0 0 12px}.hero h1{font-size:clamp(3rem,6vw,5.8rem);line-height:.98;letter-spacing:-.06em;margin:0 0 24px;max-width:850px}.hero h1 span{color:#1857ff}.hero-copy>p:not(.eyebrow){font-size:1.13rem;max-width:650px;color:#566071}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0}.stats{display:flex;gap:45px;margin-top:55px}.stats strong{font-size:1.4rem;display:block}.stats small{color:#717b8d}.hero-card{position:relative;min-height:480px;display:grid;place-items:center}.orbit{width:370px;height:370px;border:1px solid #cad7f7;border-radius:50%;box-shadow:0 0 0 70px rgba(24,87,255,.035),0 0 0 140px rgba(24,87,255,.02)}.profile-card{position:absolute;width:min(400px,80%);padding:30px;background:rgba(255,255,255,.92);border:1px solid #e4e9f2;border-radius:25px;box-shadow:0 30px 80px rgba(20,35,70,.14)}.avatar{width:54px;height:54px;border-radius:16px;background:#101522;color:#fff;display:grid;place-items:center;font-weight:850;margin-bottom:22px}.profile-card h3{font-size:1.5rem;margin:0 0 8px}.profile-card p{color:#687286}.progress{height:7px;border-radius:99px;background:#e8edf5;overflow:hidden;margin:20px 0 8px}.progress i{display:block;height:100%;background:#1857ff;border-radius:99px}.floating-card{position:absolute;background:#fff;border:1px solid #e2e7ef;border-radius:14px;padding:10px 14px;box-shadow:0 14px 35px rgba(30,45,75,.12);font-size:.8rem;font-weight:750}.card-a{top:70px;right:5%}.card-b{bottom:75px;left:2%}.section{padding:100px 7%;scroll-margin-top:70px}.section-heading{max-width:800px;margin-bottom:45px}.section-heading h2{font-size:clamp(2.2rem,4vw,4rem);line-height:1.03;letter-spacing:-.04em;margin:0 0 16px}.section-heading h2 em{font-style:normal;color:#1857ff}.section-heading>p:last-child{color:#687286;font-size:1.04rem}.assessment{display:grid;grid-template-columns:1fr 330px;gap:22px}.question-card,.personal-panel,.results,.info-card,.score-card,.application-grid article,.reminder-box{background:#fff;border:1px solid #e1e6ee;border-radius:22px}.question-card{padding:34px}.step-line{display:flex;justify-content:space-between;color:#687286;font-size:.82rem;font-weight:700}.question-card>.progress{margin:12px 0 35px}.question-title{font-size:2rem;line-height:1.15;margin:0 0 25px}.option-grid{display:grid;gap:12px}.option{border:1px solid #dfe4ec;border-radius:14px;padding:16px;cursor:pointer;transition:.15s;background:#fff}.option:hover,.option.selected{border-color:#1857ff;background:#f2f6ff}.option b{display:block;margin-bottom:3px}.option span{font-size:.9rem;color:#697386}.question-actions{display:flex;justify-content:space-between;margin-top:30px}.personal-panel{padding:25px}.personal-panel h3{margin-top:0}.personal-panel label,.reminder-form label{display:grid;gap:6px;margin:17px 0;font-size:.8rem;font-weight:750;color:#4e5869}.personal-panel select,.reminder-form input{border:1px solid #dfe4ec;border-radius:10px;padding:10px;background:#fff;color:#202735}.results{margin-top:22px;padding:35px}.result-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px}.result-card{background:#f5f7fb;border-radius:17px;padding:20px;margin-top:12px}.result-card h4{margin:0 0 7px}.result-card p{margin:0;color:#626d80}.hidden{display:none}.dark-section{background:#0e1422;color:#f6f8fc}.dark-section .section-heading>p:last-child{color:#aab3c3}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.info-card{padding:28px;background:#151d2d;border-color:#263249}.info-card>span,.application-grid article>b{color:#79a0ff;font-size:.78rem;font-weight:850}.info-card h3{font-size:1.35rem}.info-card p{color:#adb7c7}.info-card button{background:none;border:0;padding:0;color:#fff;font-weight:750;cursor:pointer}.adapt-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.skill-stack{display:grid;gap:12px}.skill{padding:20px;border:1px solid #e1e6ee;background:#fff;border-radius:15px}.skill b{display:block}.skill span{color:#687286;font-size:.9rem}.human-tech{display:grid;grid-template-columns:1fr auto 1fr;gap:10px;align-items:center;text-align:center}.human,.tech,.future{padding:25px;border-radius:20px;background:#f1f5ff;border:1px solid #d9e2fb}.tech{background:#f7f7f7}.future{grid-column:1/4;background:#101522;color:#fff}.plus,.equals{font-size:2rem;font-weight:850}.tinted{background:#eef3fb}.check-layout{display:grid;grid-template-columns:1fr 300px;gap:22px}.checklist{display:grid;gap:10px}.check-item{display:flex;align-items:center;gap:15px;padding:18px;background:#fff;border:1px solid #e1e6ee;border-radius:14px;cursor:pointer}.check-item input{width:19px;height:19px;accent-color:#1857ff}.check-item.done span{text-decoration:line-through;color:#8a93a2}.score-card{padding:28px;text-align:center;height:max-content}.score-ring{width:120px;height:120px;border-radius:50%;display:grid;place-items:center;margin:5px auto 20px;border:10px solid #e9eef7}.score-ring strong{font-size:1.5rem}.score-card p{color:#687286}.application-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.application-grid article{padding:25px}.application-grid article h3{margin:10px 0 5px}.application-grid article p{color:#687286;font-size:.92rem}.reminder-box{padding:25px}.reminder-form{display:grid;grid-template-columns:1.4fr 1fr auto;gap:15px;align-items:end}.reminder-form label{margin:0}.reminder-list{margin-top:22px;display:grid;gap:8px}.reminder{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:14px;border-radius:12px;background:#151d2d}.reminder small{color:#aeb7c6}.reminder button{border:0;background:transparent;color:#ffb6b6;cursor:pointer}footer{display:flex;justify-content:space-between;padding:30px 7%;border-top:1px solid #e1e6ee;color:#687286;font-size:.9rem}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#101522;color:#fff;padding:12px 18px;border-radius:12px;opacity:0;pointer-events:none;transition:.25s;z-index:100}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:900px){.topbar nav{display:none}.hero{grid-template-columns:1fr;padding-top:70px}.hero-card{min-height:380px}.assessment,.adapt-grid,.check-layout{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.application-grid{grid-template-columns:1fr 1fr}.reminder-form{grid-template-columns:1fr}.result-columns{grid-template-columns:1fr}}@media(max-width:560px){.section,.hero{padding-left:5%;padding-right:5%}.topbar{padding:0 5%}.hero h1{font-size:3.2rem}.orbit{width:260px;height:260px}.application-grid{grid-template-columns:1fr}.stats{gap:20px}.human-tech{grid-template-columns:1fr}.plus,.equals{display:none}.future{grid-column:auto}footer{padding:25px 5%;flex-direction:column;gap:8px}}