:root{--hook-crimson:#da1e28;--hook-crimson-deep:#b01219;--hook-crimson-soft:rgba(218,30,40,.1);--hook-crimson-ring:rgba(218,30,40,.22);--hook-card-radius:2rem;--hook-card-radius-sm:1.25rem;--hook-maxw:1180px}.hook-app{min-height:100vh;background:var(--cos-bg) radial-gradient(circle at 1px 1px,rgba(25,28,29,.045) 1px,transparent 0);background-size:26px 26px;overflow-x:hidden}.hook-app *{box-sizing:border-box}.hook-app .hook-topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,5vw,56px);background:hsla(0,0%,100%,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(25,28,29,.05)}.hook-app .hook-wordmark{font-family:var(--cos-font-headline);font-weight:800;font-size:21px;letter-spacing:-.02em;color:var(--cos-primary);display:inline-flex;align-items:center;gap:9px;cursor:pointer;background:none;border:0;padding:0}.hook-app .hook-wordmark .mark{width:26px;height:26px;border-radius:9px;background:var(--cos-brand-gradient);display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:15px;font-weight:800}.hook-app .hook-nav{display:flex;align-items:center;gap:30px;font-family:var(--cos-font-body);font-size:15px;font-weight:500;color:var(--cos-on-surface-2)}.hook-app .hook-nav a{color:inherit;text-decoration:none;cursor:pointer;transition:color .18s ease}.hook-app .hook-nav a:hover{color:var(--cos-on-surface)}.hook-app .hook-nav a.active{color:var(--cos-primary);font-weight:600}.hook-app .hook-topbar-right{display:flex;align-items:center;gap:22px}.hook-app .hook-avatar{width:34px;height:34px;border-radius:50%;background:var(--cos-surface-mid);display:inline-flex;align-items:center;justify-content:center;color:var(--cos-on-surface-2)}@media (max-width:720px){.hook-app .hook-nav{display:none}}.hook-app .hook-stage{max-width:var(--hook-maxw);margin:0 auto;padding:clamp(28px,5vw,64px) clamp(20px,5vw,56px) 96px}.hook-app .btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--cos-font-body);font-weight:600;cursor:pointer;border:0;transition:transform .18s ease,box-shadow .18s ease,background .18s ease,opacity .18s ease;white-space:nowrap}.hook-app .btn:disabled{opacity:.45;cursor:not-allowed}.hook-app .btn-grad{background:var(--cos-brand-gradient);color:#fff;height:56px;padding:0 30px;border-radius:16px;font-size:16px;box-shadow:0 10px 30px rgba(0,69,128,.22)}.hook-app .btn-grad:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(0,69,128,.3)}.hook-app .btn-grad.lg{height:60px;font-size:17px;padding:0 38px}.hook-app .btn-grad.pill{border-radius:999px}.hook-app .btn-ghost{background:transparent;color:var(--cos-on-surface-2);height:52px;padding:0 18px;border-radius:14px;font-size:15px}.hook-app .btn-ghost:hover{color:var(--cos-on-surface);background:var(--cos-surface-low)}.hook-app .btn-solid{background:var(--cos-primary);color:#fff;height:56px;padding:0 30px;border-radius:999px;font-size:16px}.hook-app .btn-solid:not(:disabled):hover{background:var(--cos-primary-container);transform:translateY(-2px);box-shadow:var(--cos-shadow-card)}.hook-app .btn-white{background:#fff;color:var(--cos-primary);height:52px;padding:0 26px;border-radius:14px;font-size:15px;box-shadow:var(--cos-shadow-card)}.hook-app .btn-white:hover{transform:translateY(-2px);box-shadow:var(--cos-shadow-modal)}.hook-app .card{background:var(--cos-surface-lifted);border-radius:var(--hook-card-radius);box-shadow:var(--cos-shadow-card);padding:clamp(24px,3vw,36px)}.hook-app .card-tint{background:var(--cos-surface-low);border-radius:var(--hook-card-radius-sm)}.hook-app .eyebrow{font-family:var(--cos-font-body);letter-spacing:.14em}.hook-app .eyebrow,.hook-app .pill{font-weight:600;font-size:12px;text-transform:uppercase;color:var(--cos-on-surface-2)}.hook-app .pill{display:inline-flex;align-items:center;gap:7px;white-space:nowrap;height:30px;padding:0 14px;border-radius:999px;letter-spacing:.06em;background:var(--cos-surface-low)}.hook-app .pill-blue{background:rgba(0,69,128,.1);color:var(--cos-primary)}.hook-app .pill-crimson{background:var(--hook-crimson-soft);color:var(--hook-crimson)}.hook-app .pill-green{background:var(--cos-secondary-container);color:var(--cos-on-secondary-container);text-transform:none;letter-spacing:.02em}.hook-app .accent{font-family:var(--cos-font-accent);font-style:italic;color:var(--cos-surface-tint)}.hook-app .hi{color:var(--cos-primary)}.hook-app .hi-crimson{color:var(--hook-crimson)}.hook-app .why{background:var(--cos-surface-low);border-radius:var(--hook-card-radius-sm);padding:22px 24px;position:relative;overflow:hidden}.hook-app .why-head{gap:9px;white-space:nowrap;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.hook-app .why-head,.hook-app .why-head .dot{display:inline-flex;align-items:center;color:var(--cos-primary)}.hook-app .why-head .dot{width:26px;height:26px;border-radius:50%;background:rgba(0,69,128,.1);justify-content:center}.hook-app .why-quote{font-family:var(--cos-font-accent);font-style:italic;font-size:16px;line-height:1.55;color:var(--cos-on-surface)}.hook-app .why-glow{position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,rgba(0,69,128,.07),transparent 70%)}.hook-app .ic{display:inline-flex;align-items:center;justify-content:center}.hook-app .ic svg{width:1em;height:1em}@keyframes hookIn{0%{transform:translateY(16px)}to{transform:none}}.hook-app .anim-in{animation:hookIn .5s cubic-bezier(.2,.7,.3,1) both}@media (prefers-reduced-motion:reduce){.hook-app .anim-in{animation:none}}@media (max-width:900px){.hook-app .goal-grid,.hook-app .hero-grid,.hook-app .quiz-grid,.hook-app .results-grid{grid-template-columns:1fr!important}}