*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--blue:#0098fc;--navy:#0c5d8d;--navy-dark:#083f63;--coral:#ff7f4f;--surface:#f0f4f0;--white:#fff;--gs:#083f63;--ge:#0098fc;--blue-light:#e6f4ff;--blue-mid:#cce9ff;--ink:#0a1628;--ink-mid:#1e3a5f;--muted:#5a7a9a;--muted-l:#8aaac4;--border:#0c5d8d1a;--border-mid:#0c5d8d2e}html{scroll-behavior:smooth}body{background:var(--white);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Poppins,sans-serif;line-height:1.6;overflow-x:hidden}.logo{color:var(--navy);align-items:center;gap:10px;font-size:20px;font-weight:700;text-decoration:none;display:flex}.nav-mid{gap:4px;display:flex}.nav-a{color:var(--muted);border-radius:8px;padding:8px 14px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.nav-a:hover,.nav-a.active{color:var(--navy);background:var(--blue-light)}.nav-r{gap:10px;display:flex}.btn-ghost{color:var(--navy);border:1.5px solid var(--border-mid);border-radius:8px;padding:9px 18px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s}.btn-ghost:hover{border-color:var(--blue);background:var(--blue-light)}.btn-blue{color:#fff;background:var(--blue);border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.btn-blue:hover{background:var(--navy);color:#fff;transform:translateY(-1px)}.download-hero.page-hero{padding:128px 56px 56px}.quiz-wrap{z-index:5;max-width:1160px;margin:-32px auto 0;padding:0 56px 80px;position:relative}.quiz-card{border:1px solid var(--border);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 24px 64px -24px #0c5d8d2e}.progress{background:var(--blue-light);height:6px}.progress-bar{background:linear-gradient(90deg,var(--gs),var(--ge));width:0%;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1)}.quiz-card .step{padding:56px 56px 64px;animation:.45s both fadeUp;display:none}.quiz-card .step.active{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.quiz-card .step-label{letter-spacing:.12em;color:var(--blue);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.quiz-card .step h2{letter-spacing:-.6px;color:var(--ink);margin-bottom:10px;font-size:clamp(26px,2.8vw,36px);font-weight:800;line-height:1.15}.quiz-card .step .sub{color:var(--muted);max-width:640px;margin-bottom:32px;font-size:16px}.opt-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.opt{border:1.5px solid var(--border-mid);cursor:pointer;text-align:left;background:#fff;border-radius:16px;align-items:flex-start;gap:16px;width:100%;padding:22px;font-family:inherit;transition:transform .15s,border-color .2s,box-shadow .2s,background .2s;display:flex}.opt:hover{border-color:var(--blue);background:var(--blue-light);transform:translateY(-2px);box-shadow:0 12px 28px -16px #0098fc66}.opt-emoji{background:var(--blue-light);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:30px;line-height:1;display:flex}.opt-body{flex:1}.opt-title{color:var(--ink);margin-bottom:4px;font-size:16px;font-weight:700}.opt-desc{color:var(--muted);font-size:13.5px;line-height:1.5}.nav-row{justify-content:space-between;align-items:center;margin-top:32px;display:flex}.btn-back{color:var(--muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:8px 4px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-back:hover{color:var(--navy)}.btn-back[hidden]{visibility:hidden}.result-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:48px;display:grid}.guide-mock{background:linear-gradient(155deg,#f8fbff 0%,#e6f4ff 100%);border-radius:20px;justify-content:center;align-items:center;min-height:380px;padding:48px 32px;display:flex;position:relative;overflow:hidden}.guide-mock:before{content:"";background-image:linear-gradient(#0098fc0f 1px,#0000 1px),linear-gradient(90deg,#0098fc0f 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.book{aspect-ratio:3/4;width:240px;box-shadow:-6px 0 0 var(--blue),0 30px 60px -20px #0c5d8d73,0 12px 24px -12px #0c5d8d40;background:#fff;border-radius:6px 14px 14px 6px;flex-direction:column;padding:28px 22px;transition:transform .4s;display:flex;position:relative;transform:rotate(-3deg)}.guide-mock:hover .book{transform:rotate(0)}.book-brand{letter-spacing:.18em;color:var(--navy);margin-bottom:18px;font-size:14px;font-weight:800}.book-tags{flex-wrap:wrap;gap:6px;margin-bottom:14px;display:flex}.book-tag{color:#fff;background:var(--blue);letter-spacing:.06em;border-radius:100px;padding:3px 8px;font-size:9px;font-weight:700}.book-num{color:var(--blue);letter-spacing:-2px;font-size:64px;font-weight:800;line-height:.9}.book-title{color:var(--ink);margin-top:6px;font-size:16px;font-weight:700;line-height:1.2}.book-foot{color:var(--muted);margin-top:auto;font-size:9.5px;font-weight:500}.r-label{letter-spacing:.12em;color:var(--blue);text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:700}.r-title{letter-spacing:-.6px;color:var(--ink);margin-bottom:14px;font-size:clamp(26px,2.6vw,34px);font-weight:800;line-height:1.15}.r-title .grad{background:linear-gradient(90deg,var(--gs),var(--ge));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.r-desc{color:var(--muted);margin-bottom:22px;font-size:15.5px}.r-checks{gap:10px;margin-bottom:28px;list-style:none;display:grid}.r-checks li{color:var(--ink-mid);align-items:flex-start;gap:10px;font-size:14.5px;font-weight:500;display:flex}.r-checks li:before{content:"✅";font-size:16px;line-height:1.4}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:6px;display:flex}.field.full{grid-column:1/-1}.field label{color:var(--ink-mid);font-size:13px;font-weight:600}.field label .req{color:var(--gs)}.field input{border:1.5px solid var(--border-mid);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:12px 14px;font-family:inherit;font-size:14.5px;transition:border-color .2s,box-shadow .2s}.field input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #0098fc26}.consent{color:var(--muted);margin:14px 0 18px;font-size:11.5px;line-height:1.55}.btn-grad{background:linear-gradient(135deg,var(--gs),var(--ge));color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:14px 28px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 20px #8c52ff59}.btn-grad:hover{transform:translateY(-2px);box-shadow:0 8px 32px #8c52ff73}.retry{color:var(--blue);cursor:pointer;background:0 0;border:none;margin-top:14px;padding:6px 0;font-family:inherit;font-size:13.5px;font-weight:600}.retry:hover{color:var(--navy);text-decoration:underline}.success{text-align:center;padding:24px 0}.check-circle{color:#fff;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;justify-content:center;align-items:center;width:84px;height:84px;margin:0 auto 24px;font-size:42px;animation:.5s cubic-bezier(.22,1.4,.4,1) both pop;display:flex;box-shadow:0 12px 32px -8px #22c55e73}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.catalog{background:var(--surface,#f0f4f8);padding:80px 56px 96px}.catalog-in{max-width:1160px;margin:0 auto}.catalog-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--blue);margin-bottom:10px;font-size:11px;font-weight:700}.catalog-h2{letter-spacing:-.6px;color:var(--ink);margin-bottom:56px;font-size:clamp(26px,2.6vw,36px);font-weight:800;line-height:1.15}.cat-group{margin-bottom:48px}.cat-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;margin-bottom:16px;font-size:13px;font-weight:700;display:flex}.cat-label span{font-size:18px}.cat-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.cat-card{border:1.5px solid var(--border);text-align:left;background:#fff;border-radius:14px;flex-direction:column;gap:6px;padding:20px;transition:border-color .18s,transform .15s,box-shadow .18s;display:flex}.cat-card:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 12px 28px -12px #0098fc47}.cat-card-title{color:var(--ink);flex:1;font-size:14.5px;font-weight:700;line-height:1.35}.cat-card-desc{color:var(--muted);font-size:12.5px;line-height:1.5}.cat-card-actions{flex-wrap:wrap;align-items:center;gap:14px;margin-top:6px;display:flex}.cat-card-read-more{color:var(--muted);font-size:12.5px;font-weight:600;text-decoration:none}.cat-card-read-more:hover{color:var(--ink)}.cat-card-cta{color:var(--blue);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:600}.cat-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#0a16288c;justify-content:center;align-items:center;padding:24px;animation:.2s cat-fade-in;display:flex;position:fixed;inset:0}@keyframes cat-fade-in{0%{opacity:0}to{opacity:1}}.cat-modal{background:#fff;border-radius:20px;width:100%;max-width:480px;padding:40px 40px 36px;animation:.25s cubic-bezier(.22,1,.36,1) cat-slide-up;position:relative;box-shadow:0 32px 80px -16px #0a162859}@keyframes cat-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cat-modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:20px;line-height:1;transition:all .15s;position:absolute;top:16px;right:16px}.cat-modal-close:hover{background:var(--blue-light);color:var(--navy)}.cat-modal-eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:8px;font-size:11px;font-weight:700}.cat-modal-title{color:var(--ink);margin-bottom:8px;font-size:18px;font-weight:800;line-height:1.25}.cat-modal-desc{color:var(--muted);margin-bottom:22px;font-size:13.5px;line-height:1.55}@media (width<=880px){nav{padding:0 20px}.nav-mid{display:none}.download-hero.page-hero{padding:108px 20px 40px}.quiz-wrap{padding:0 20px 60px}.quiz-card .step{padding:36px 24px 40px}.opt-grid{grid-template-columns:1fr}.result-grid{grid-template-columns:1fr;gap:32px}.form-grid{grid-template-columns:1fr}.catalog{padding:48px 20px 64px}.cat-grid{grid-template-columns:1fr}.cat-modal{padding:28px 24px 24px}footer{padding:32px 20px}}@media (width>=881px) and (width<=1100px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@keyframes gradShift{0%,to{background-position:0%}50%{background-position:100%}}.r-title .grad{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#083f63 0%,#0098fc 25%,#4fc3ff 50%,#0098fc 75%,#083f63 100%) 0 0/300% 100%;-webkit-background-clip:text;background-clip:text;animation:6s ease-in-out infinite gradShift}.btn-grad{background:linear-gradient(90deg,#083f63 0%,#0098fc 25%,#4fc3ff 50%,#0098fc 75%,#083f63 100%) 0 0/300% 100%;animation:6s ease-in-out infinite gradShift;box-shadow:0 4px 20px #0098fc59}.btn-grad:hover{box-shadow:0 8px 32px #0098fc73}