:root{--hook-radius:16px;--hook-radius-lg:28px}*{box-sizing:border-box}html{background:var(--hook-bg);min-height:100%}body{background:var(--hook-bg);color:var(--hook-text);min-height:100%;margin:0;font-family:Inter,Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif}button,input{font:inherit}a{color:inherit;text-decoration:none}button{-webkit-tap-highlight-color:transparent}.hook-page{background:var(--hook-bg);color:var(--hook-text);grid-template-rows:auto 1fr auto;min-height:100vh;display:grid;overflow-x:hidden}.hook-nav{background:var(--hook-bg);box-shadow:4px 4px 10px var(--hook-shadow), -4px -4px 10px var(--hook-shadow-soft);z-index:5;grid-template-columns:1fr auto 1fr;align-items:center;gap:1rem;min-height:64px;padding:0 clamp(1.5rem,3.5vw,3.25rem);display:grid;position:relative}.hook-brand{color:var(--hook-primary);letter-spacing:-.02em;justify-self:start;align-items:center;gap:.5rem;font-size:1.35rem;font-weight:800;line-height:1;display:inline-flex}.hook-brand-mark{color:var(--hook-primary);width:1.75rem;height:1.75rem}.hook-nav-center{color:var(--hook-copy);letter-spacing:.01em;justify-content:center;align-items:center;gap:clamp(1.5rem,3vw,2.5rem);font-size:.9rem;font-weight:500;display:flex}.hook-nav-center a{transition:color .2s}.hook-nav-center a:hover{color:var(--hook-primary)}.hook-nav-actions{justify-content:flex-end;align-items:center;gap:1rem;display:flex;position:relative}.hook-nav-login{background:var(--hook-bg);box-shadow:4px 4px 8px var(--hook-shadow), -4px -4px 8px var(--hook-shadow-soft);color:var(--hook-copy);text-align:center;border:none;border-radius:12px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:500;transition:all .2s}.hook-nav-login.is-active{background:linear-gradient(135deg, var(--hook-primary-2), var(--hook-primary));color:#fff;font-weight:700;box-shadow:inset 2px 2px 5px #00000026,inset -1px -1px 3px #ffffff1a}.hook-nav-login:hover{box-shadow:2px 2px 5px var(--hook-shadow), -2px -2px 5px var(--hook-shadow-soft);color:var(--hook-primary);transform:translateY(-1px)}.hook-nav-login:active{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft);transform:translateY(0)}.hook-nav-signup{background:var(--hook-bg);box-shadow:4px 4px 8px var(--hook-shadow), -4px -4px 8px var(--hook-shadow-soft);color:var(--hook-primary);text-align:center;border:none;border-radius:12px;padding:.55rem 1.1rem;font-size:.9rem;font-weight:700;transition:all .2s}.hook-nav-signup:hover{box-shadow:2px 2px 5px var(--hook-shadow), -2px -2px 5px var(--hook-shadow-soft);transform:translateY(-1px)}.hook-nav-signup.is-active{background:linear-gradient(135deg, var(--hook-primary-2), var(--hook-primary));color:#fff;box-shadow:inset 2px 2px 5px #00000026,inset -1px -1px 3px #ffffff1a}.hook-nav-signup:active{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft);transform:translateY(0)}.hook-nav-pill{background:var(--hook-bg);box-shadow:4px 4px 10px var(--hook-shadow), -4px -4px 10px var(--hook-shadow-soft);pointer-events:none;z-index:0;border-radius:14px;transition:left .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1),top .35s cubic-bezier(.4,0,.2,1);position:absolute}.hook-nav-login,.hook-nav-signup{z-index:1;position:relative}.hook-auth-layout{grid-template-columns:1.2fr 1fr;min-height:calc(100vh - 128px);display:grid}.hook-story{background:radial-gradient(circle at 18% 88%, rgba(var(--hook-primary-rgb), .05), transparent 28rem), linear-gradient(140deg, var(--hook-story-grad-start,var(--hook-primary-soft)) 0%, var(--hook-bg) 52%, var(--hook-story-grad-end,var(--hook-primary-soft)) 100%);flex-direction:column;justify-content:center;align-items:flex-start;gap:0;padding:2.5rem clamp(2rem,5vw,4rem);display:flex;position:relative;overflow:hidden}.hook-story-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hook-story-body{z-index:1;flex-direction:column;gap:1.25rem;width:100%;display:flex;position:relative}.hook-hero-title{color:var(--hook-text);letter-spacing:-.03em;max-width:600px;margin:0;font-size:clamp(2.5rem,4vw,3.8rem);font-weight:800;line-height:1.1}.hook-hero-title span{color:var(--hook-primary)}.hook-hero-copy{color:var(--hook-copy);max-width:520px;margin:.7rem 0 0;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.5}.hook-feature-list{gap:1rem;width:min(100%,520px);display:grid}.hook-feature-card{background:var(--hook-bg);border-radius:var(--hook-radius);box-shadow:4px 4px 10px var(--hook-shadow), -4px -4px 10px var(--hook-shadow-soft);cursor:default;transform-style:preserve-3d;will-change:transform;grid-template-columns:auto 1fr;align-items:center;gap:.85rem;padding:.85rem 1.1rem;transition:transform .15s ease-out,box-shadow .25s;animation:.5s both hookFadeIn,3.8s ease-in-out infinite hookFloat;display:grid;position:relative;overflow:hidden}.hook-feature-list article:first-child{animation-delay:.1s,.6s}.hook-feature-list article:nth-child(2){animation-delay:.22s,1.8s}.hook-feature-list article:nth-child(3){animation-delay:.34s,3s}.hook-feature-card:hover{box-shadow:8px 8px 20px var(--hook-shadow), -8px -8px 20px var(--hook-shadow-soft);animation-play-state:running,paused}.hook-feature-card:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(105deg,#0000 30%,#ffffff73 50%,#0000 70%);position:absolute;inset:0;transform:translate(-130%)skew(-12deg)}.hook-feature-card:hover:before{transition:transform .65s;transform:translate(230%)skew(-12deg)}.hook-feature-icon{background:var(--hook-bg);box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft);color:var(--hook-primary);z-index:1;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:transform .3s,box-shadow .3s,color .3s;display:flex;position:relative}.hook-feature-icon svg{width:20px;height:20px;transition:filter .3s}.hook-feature-card:hover .hook-feature-icon{color:var(--hook-primary-2);animation:1.5s ease-out infinite iconPulseRing;transform:translateZ(28px)scale(1.14)}.hook-feature-text h2{margin:0 0 .15rem;font-size:.9rem;font-weight:700;transition:color .3s}.hook-feature-card:hover .hook-feature-text h2{color:var(--hook-primary)}.hook-feature-text p{color:var(--hook-muted);margin:0;font-size:.8rem;line-height:1.35}.hook-feature-card h2{margin:0 0 .15rem;font-size:.9rem;font-weight:700}.hook-feature-card p{color:var(--hook-muted);margin:0;font-size:.8rem;line-height:1.35}.hook-feature-list article:first-child .hook-feature-icon svg{animation:2.8s ease-in-out infinite iconPulse}.hook-feature-list article:nth-child(2) .hook-feature-icon svg{animation:4.2s ease-in-out .9s infinite iconSway}.hook-feature-list article:nth-child(3) .hook-feature-icon svg{animation:3.5s ease-in-out 1.8s infinite iconNudge}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 0 rgba(var(--hook-primary-rgb),0));transform:scale(1)}50%{filter:drop-shadow(0 0 5px rgba(var(--hook-primary-rgb),.55));transform:scale(1.15)}}@keyframes iconSway{0%,to{transform:rotate(0)scale(1)}30%{transform:rotate(-8deg)scale(1.06)}70%{transform:rotate(8deg)scale(1.06)}}@keyframes iconNudge{0%,to{transform:translate(0)scale(1)}40%{transform:translate(3px)scale(1.08)}60%{transform:translate(3px)scale(1.08)}}@keyframes iconPulseRing{0%{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft), 0 0 0 0 rgba(var(--hook-primary-rgb),.35)}70%{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft), 0 0 0 12px rgba(var(--hook-primary-rgb),0)}to{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft), 0 0 0 0 rgba(var(--hook-primary-rgb),0)}}@keyframes hookFloat{0%,to{translate:0}50%{translate:0 -6px}}.hook-stage{background:var(--hook-bg);justify-content:center;align-items:center;min-height:100%;padding:1rem 1.5rem;display:flex;position:relative;overflow:hidden}.hook-stage:before{content:"";opacity:.4;background-color:#0000;background-image:linear-gradient(90deg,#ffffff26 1px,#0000 1px),linear-gradient(#ffffff26 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:60px 60px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.hook-stage-grid{background:radial-gradient(circle at center, rgba(var(--hook-primary-rgb), .08) 0 2px, transparent 3px);opacity:.3;background-size:24px 24px;position:absolute;inset:0}.hook-auth-card{background:var(--hook-bg);border-radius:var(--hook-radius-lg);box-shadow:12px 12px 28px var(--hook-shadow), -12px -12px 28px var(--hook-shadow-soft);z-index:2;width:min(100%,450px);padding:2.25rem 1.75rem;animation:.45s both hookFadeIn;position:relative}.hook-auth-card--compact{width:min(100%,430px)}.hook-card-orb{background:var(--hook-bg);box-shadow:6px 6px 14px var(--hook-shadow), -6px -6px 14px var(--hook-shadow-soft);color:var(--hook-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto .65rem;display:flex}.hook-card-orb svg{width:26px;height:26px}.hook-card-header{text-align:center;margin-bottom:.85rem}.hook-card-header h1{margin:0;font-size:1.45rem;font-weight:800;line-height:1.1}.hook-card-header p{color:var(--hook-copy);max-width:320px;margin:.25rem auto 0;font-size:.85rem;font-weight:500}.hook-card-header p span{color:var(--hook-primary);font-weight:700}.hook-form{gap:.55rem;display:grid}.hook-field{gap:.25rem;display:grid}.hook-label{color:var(--hook-text);letter-spacing:.02em;font-size:.8rem;font-weight:600}.hook-input-shell{background:var(--hook-bg);box-shadow:inset 4px 4px 8px var(--hook-shadow), inset -4px -4px 8px var(--hook-shadow-soft);border-radius:12px;height:48px;transition:box-shadow .2s;position:relative;overflow:hidden}.hook-input-shell:focus-within{box-shadow:inset 4px 4px 8px var(--hook-shadow), inset -4px -4px 8px var(--hook-shadow-soft), 0 0 0 2px rgba(var(--hook-primary-rgb), .12)}.hook-input{color:var(--hook-text);background:0 0;border:0;outline:0;width:100%;height:100%;padding:0 1rem;font-size:.95rem}.hook-input-shell--password .hook-input{padding-right:3rem}.hook-input::placeholder{color:var(--hook-faint);opacity:1}.hook-eye-button{color:var(--hook-muted);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:.3rem;display:inline-flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.hook-eye-button:hover{color:var(--hook-primary)}.hook-form-row{justify-content:space-between;align-items:center;gap:1rem;margin-top:.1rem;display:flex}.hook-checkbox-label{color:var(--hook-copy);cursor:pointer;align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex}.hook-checkbox-label input{opacity:0;position:absolute}.hook-checkbox-label span{background:var(--hook-bg);box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft);border-radius:5px;width:18px;height:18px;display:inline-block;position:relative}.hook-checkbox-label input:checked+span{background:var(--hook-primary);box-shadow:0 2px 5px rgba(var(--hook-primary-rgb), .2)}.hook-checkbox-label input:checked+span:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:4px;height:8px;position:absolute;top:3px;left:6px;transform:rotate(45deg)}.hook-link{color:var(--hook-primary);font-size:.82rem;font-weight:700;transition:opacity .2s}.hook-link:hover{opacity:.8}.hook-primary{background:linear-gradient(135deg, var(--hook-primary-2), var(--hook-primary));box-shadow:4px 4px 10px rgba(var(--hook-primary-rgb), .25), -4px -4px 10px var(--hook-shadow-soft);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:46px;padding:0 1.25rem;font-size:.95rem;font-weight:700;transition:all .2s;display:inline-flex}.hook-primary:hover:not(:disabled){box-shadow:5px 5px 12px rgba(var(--hook-primary-rgb), .35), -5px -5px 12px var(--hook-shadow-soft);transform:translateY(-1px)}.hook-primary:active:not(:disabled){transform:translateY(0)}.hook-primary:disabled{cursor:not-allowed;opacity:.65}.hook-primary svg{width:18px;height:18px}.hook-divider{color:var(--hook-muted);letter-spacing:.08em;text-align:center;text-transform:uppercase;align-items:center;gap:.85rem;margin:.55rem 0 .4rem;font-size:.75rem;font-weight:700;display:flex}.hook-divider:before,.hook-divider:after{background:var(--hook-line);content:"";flex:1;height:1px}.hook-social-row{justify-content:center;gap:1rem;margin-bottom:0;display:flex}.hook-social-btn{background:var(--hook-bg);box-shadow:4px 4px 8px var(--hook-shadow), -4px -4px 8px var(--hook-shadow-soft);color:var(--hook-copy);cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.hook-social-btn:hover{box-shadow:2px 2px 5px var(--hook-shadow), -2px -2px 5px var(--hook-shadow-soft);color:var(--hook-primary);transform:translateY(-1px)}.hook-social-btn:active{box-shadow:inset 2px 2px 5px var(--hook-shadow), inset -2px -2px 5px var(--hook-shadow-soft);transform:translateY(0)}.hook-social-btn svg{width:20px;height:20px}.hook-secondary{color:var(--hook-copy);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:.4rem;margin-top:.45rem;padding:.2rem .4rem;font-size:.82rem;font-weight:700;transition:color .2s;display:inline-flex}.hook-secondary:hover{color:var(--hook-primary)}.hook-secondary svg{width:16px;height:16px}.hook-alert{box-shadow:4px 4px 12px var(--hook-shadow), -4px -4px 12px var(--hook-shadow-soft);border-radius:12px;align-items:center;gap:.75rem;margin-bottom:1rem;padding:.85rem 1.1rem;font-size:.85rem;font-weight:600;line-height:1.45;animation:.35s cubic-bezier(.16,1,.3,1) both hookAlertSlideIn;display:flex}.hook-alert:before{content:"";background-position:50%;background-repeat:no-repeat;background-size:contain;flex-shrink:0;width:18px;height:18px;display:inline-block}.hook-alert--error{background:var(--hook-danger-bg);border-left:4px solid var(--hook-danger);color:var(--hook-danger)}.hook-alert--error:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23bd2d3c' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E")}.hook-alert--success{background:var(--hook-success-bg);border-left:4px solid var(--hook-success);color:var(--hook-success)}.hook-alert--success:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23236842' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 11.08V12a10 10 0 1 1-5.93-9.14'%3E%3C/path%3E%3Cpolyline points='22 4 12 14.01 9 11.01'%3E%3C/polyline%3E%3C/svg%3E")}@keyframes hookAlertSlideIn{0%{opacity:0;transform:translateY(-8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.hook-switch{color:var(--hook-copy);text-align:center;margin:.5rem 0 0;font-size:.82rem}.hook-context-note,.hook-resend{color:var(--hook-muted);text-align:center;margin:-.5rem 0 .85rem;font-size:.82rem}.hook-resend{margin:.85rem 0 0}.hook-context-note strong,.hook-resend strong{color:var(--hook-primary)}.hook-otp-group{grid-template-columns:repeat(6,minmax(0,1fr));gap:.45rem;margin-bottom:.45rem;display:grid}.hook-otp-input{appearance:none;background:var(--hook-bg);box-shadow:inset 3px 3px 6px var(--hook-shadow), inset -3px -3px 6px var(--hook-shadow-soft);color:var(--hook-text);text-align:center;border:0;border-radius:12px;outline:0;width:100%;height:48px;font-size:1.35rem;font-weight:800;transition:all .2s}.hook-otp-input:focus{box-shadow:inset 3px 3px 6px var(--hook-shadow), inset -3px -3px 6px var(--hook-shadow-soft), 0 0 0 2px rgba(var(--hook-primary-rgb), .12)}.hook-otp-input.is-filled{color:var(--hook-primary)}.hook-mini-biometric{background:var(--hook-bg);box-shadow:4px 4px 8px var(--hook-shadow), -4px -4px 8px var(--hook-shadow-soft);color:var(--hook-primary);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:1rem auto 0;display:flex}.hook-mini-biometric svg{width:22px;height:22px}.hook-security-tip{color:var(--hook-copy);background:#e8effa66;border-radius:12px;grid-template-columns:auto 1fr;align-items:flex-start;gap:.5rem;margin-top:.85rem;padding:.7rem;font-size:.78rem;display:grid}.hook-security-tip svg{color:var(--hook-primary);width:18px;height:18px}.hook-security-tip p{margin:0;line-height:1.4}.hook-footer{background:var(--hook-bg);color:var(--hook-copy);justify-content:space-between;align-items:center;gap:1.5rem;min-height:64px;padding:1rem clamp(2rem,5vw,5rem);display:flex;box-shadow:inset 0 2px 5px #a3b1c61a}.hook-footer p{margin:0;font-size:.8rem}.hook-footer nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(1rem,2vw,2rem);font-size:.8rem;display:flex}.hook-footer a{transition:color .2s}.hook-footer a:hover{color:var(--hook-primary)}@keyframes hookFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1100px){.hook-nav{grid-template-columns:auto 1fr}.hook-nav-center{display:none}.hook-auth-layout{grid-template-columns:1fr;min-height:auto}.hook-story{text-align:center;align-items:end;padding:2rem 2rem 1.5rem}.hook-story-body{align-items:center;gap:1rem}.hook-hero-title{margin:0 auto;font-size:clamp(2rem,5vw,3rem)}.hook-hero-copy{margin:1rem auto 0}.hook-feature-list{display:none}.hook-stage{min-height:auto;padding:2rem 1.5rem 3.5rem}}@media (max-width:700px){.hook-nav{grid-template-columns:1fr;justify-items:center;gap:.75rem;min-height:auto;padding:.75rem}.hook-nav-actions{justify-content:center}.hook-brand{justify-self:center}.hook-nav-signup{padding:.45rem .9rem}.hook-story{padding:2rem 1rem 1rem}.hook-stage{padding:1.5rem 1rem 3rem}.hook-auth-card{border-radius:var(--hook-radius);padding:1.5rem 1.25rem}}.hook-auth-card{transform-style:preserve-3d;will-change:transform;transition:transform .15s ease-out,box-shadow .2s}.hook-card-orb{transform:translateZ(35px)}.hook-card-header{transform:translateZ(25px)}.hook-form{transform-style:preserve-3d;transform:translateZ(15px)}.hook-field{transform:translateZ(5px)}.hook-primary{transform:translateZ(12px)}.hook-divider,.hook-social-row,.hook-switch{transform:translateZ(10px)}@keyframes float3D{0%{transform:perspective(800px)rotateX(15deg)rotateY(-5deg)translateZ(0)}50%{transform:perspective(800px)rotateX(20deg)rotateY(5deg)translateZ(20px)}to{transform:perspective(800px)rotateX(15deg)rotateY(-5deg)translateZ(0)}}.hook-stage-grid{transform-style:preserve-3d;animation:16s ease-in-out infinite float3D;transform:perspective(800px)rotateX(18deg)rotateY(0)}.hook-input-shell:after{content:"";background:linear-gradient(90deg,#0000,#ffffff40,#0000);width:50%;height:100%;transition:all .75s;position:absolute;top:0;left:-150%;transform:skew(-25deg)}.hook-input-shell:focus-within:after{transition:all .75s ease-in-out;left:150%}