.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;justify-content:space-between;align-items:center;padding:12px 28px;display:flex;position:sticky;top:0}.topbar .brand{color:var(--navy-900);letter-spacing:.2px;align-items:center;gap:12px;font-weight:700;text-decoration:none;display:flex}.topbar .brand img.logo-img{width:auto;height:38px;display:block}.topbar .brand .divider-v{background:var(--border);width:1px;height:28px}.topbar .brand-text{flex-direction:column;line-height:1.15;display:flex}.topbar .brand-text .main{color:var(--navy-900);font-size:14px;font-weight:700}.topbar .brand-text .sub{color:var(--text-muted);letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:500}.topbar nav{align-items:center;gap:4px;display:flex}.topbar nav a{color:var(--text-muted);border-radius:8px;padding:8px 14px;font-size:13.5px;font-weight:500}.topbar nav a:hover{background:var(--blue-100);color:var(--blue-600);text-decoration:none}.topbar nav a.active{color:var(--navy-900);background:#2b6fe514}.topbar .right{align-items:center;gap:10px;display:flex}.topbar .icon-btn{border:1px solid var(--border);background:var(--surface);width:36px;height:36px;color:var(--text-muted);border-radius:50%;place-items:center;display:grid}.topbar .icon-btn:hover{background:var(--bg)}.topbar .user-chip{border:1px solid var(--border);background:var(--surface);color:inherit;border-radius:999px;align-items:center;gap:10px;padding:4px 12px 4px 4px;text-decoration:none;display:flex}.topbar .user-chip:hover{background:var(--bg);text-decoration:none}.topbar .user-chip .avatar{color:#fff;width:30px;height:30px;font-size:12px;font-weight:700;font-family:var(--font-inter);background:linear-gradient(135deg,#fbc678,#e0556b);border-radius:50%;place-items:center;display:grid}.topbar .user-chip .name{color:var(--navy-900);font-size:13px;font-weight:600}.topbar .user-chip .plan{background:var(--blue-100);color:var(--blue-600);letter-spacing:.4px;text-transform:uppercase;font-size:10.5px;font-weight:700;font-family:var(--font-inter);border-radius:999px;padding:2px 8px}.btn{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-size:14px;font-weight:600;transition:transform 80ms,box-shadow .15s,background .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--blue-600);color:#fff;box-shadow:0 6px 14px #2b6fe547}.btn-primary:hover{background:var(--blue-500)}.btn-secondary{background:var(--surface);color:var(--navy-800);border-color:var(--border-strong)}.btn-secondary:hover{background:var(--bg)}.btn-ghost{color:var(--text-muted);background:0 0}.btn-ghost:hover{background:var(--bg);color:var(--navy-800)}.btn-block{width:100%}.btn-lg{padding:14px 22px;font-size:15px}.landing{background:#fff}.hero-wrap{border-bottom:1px solid var(--border);background:radial-gradient(1200px 500px at 80% 0,#2b6fe51a,#0000 60%),radial-gradient(900px 400px at 10% 100%,#1f9d6e14,#0000 60%),linear-gradient(#fafcff 0%,#fff 100%);overflow:hidden}.hero{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;max-width:1240px;margin:0 auto;padding:80px 40px 100px;display:grid}.hero .eyebrow{letter-spacing:1.2px;text-transform:uppercase;color:var(--green-600);background:#1f9d6e1a;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:6px 14px;font-size:12px;font-weight:700;display:inline-flex}.hero h1{color:var(--navy-900);letter-spacing:-1px;margin:0 0 22px;font-size:52px;font-weight:700;line-height:1.12}.hero h1 .accent{background:linear-gradient(120deg, var(--blue-600), var(--green-600));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero .lede{color:var(--text-muted);max-width:540px;margin:0 0 32px;font-size:18px;line-height:1.65}.hero .cta-row{flex-wrap:wrap;gap:14px;margin-bottom:24px;display:flex}.hero .cta-row .btn{padding:14px 26px;font-size:15px}.hero .cta-row .btn .arrow{transition:transform .15s}.hero .cta-row .btn:hover .arrow{transform:translate(3px)}.hero .micro{color:var(--text-faint);align-items:center;gap:18px;font-size:13px;display:flex}.hero .micro .check{color:var(--green-600)}.hero-visual{height:480px;position:relative}.hero-card{border:1px solid var(--border);background:#fff;border-radius:16px;position:absolute;overflow:hidden;box-shadow:0 20px 50px -10px #0b17332e}.hero-card.main{width:100%;height:100%;transform:rotate(-1.5deg)}.hero-card.main .head{background:var(--navy-900);color:#fff;align-items:center;gap:10px;padding:14px 18px;font-size:13px;display:flex}.hero-card.main .head .dots{gap:6px;display:flex}.hero-card.main .head .dot{background:#ffffff40;border-radius:50%;width:10px;height:10px}.hero-card.main .head .dot.green{background:#1f9d6e}.hero-card.main .body{flex-direction:column;gap:16px;padding:22px 24px;display:flex}.demo-msg.user{background:var(--bg);border:1px solid var(--border);max-width:80%;color:var(--text);border-radius:14px 4px 14px 14px;align-self:flex-end;padding:10px 14px;font-size:13.5px}.demo-msg.ai{border:1px solid var(--border);background:#fff;border-radius:4px 14px 14px;padding:16px;box-shadow:0 4px 12px #0b17330f}.demo-msg.ai .title{color:var(--navy-900);align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:700;display:flex}.demo-msg.ai .title .ic{background:var(--blue-100);width:26px;height:26px;color:var(--blue-600);border-radius:7px;place-items:center;display:grid}.demo-msg.ai .stats{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:10px;display:grid}.demo-msg.ai .stat{border:1px solid var(--border);background:#fafcff;border-radius:10px;padding:10px}.demo-msg.ai .stat .pct{font-family:var(--font-inter);color:var(--blue-600);letter-spacing:-.5px;font-size:20px;font-weight:800}.demo-msg.ai .stat.g .pct{color:var(--green-600)}.demo-msg.ai .stat .label{color:var(--text-muted);margin-top:2px;font-size:10.5px;font-weight:600}.hero-card.float{background:linear-gradient(135deg, var(--navy-900), #0f4d3a);color:#fff;width:220px;padding:16px 18px;bottom:-30px;right:-30px;transform:rotate(4deg)}.hero-card.float .label{color:#2bb880;text-transform:uppercase;letter-spacing:1.4px;margin-bottom:8px;font-size:10.5px;font-weight:700}.hero-card.float .step{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;line-height:1.4;display:flex}.hero-card.float .step .num{background:#2bb880;border-radius:50%;flex-shrink:0;place-items:center;width:18px;height:18px;font-size:10px;font-weight:700;display:grid}.trust{background:var(--bg);border-bottom:1px solid var(--border);padding:30px 0}.trust-inner{align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:0 40px;display:flex}.trust .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:1.2px;flex-shrink:0;font-size:12px;font-weight:700}.trust .logos{flex-wrap:wrap;flex:1;align-items:center;gap:36px;display:flex}.trust .logo-pill{font-family:var(--font-inter);color:var(--text-muted);letter-spacing:.5px;font-size:15px;font-weight:700}.section{max-width:1240px;margin:0 auto;padding:96px 40px}.section-head{text-align:center;max-width:720px;margin:0 auto 56px}.section-head .eyebrow{color:var(--navy-700);text-transform:uppercase;letter-spacing:1.4px;margin-bottom:14px;font-size:12px;font-weight:700}.section-head h2{color:var(--navy-900);letter-spacing:-.6px;margin:0 0 16px;font-size:38px;line-height:1.2}.section-head p{color:var(--text-muted);margin:0;font-size:17px;line-height:1.65}.features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.feature{border:1px solid var(--border);background:#fff;border-radius:16px;padding:32px;transition:all .2s}.feature:hover{border-color:var(--blue-600);transform:translateY(-3px);box-shadow:0 12px 30px -10px #2b6fe52e}.feature .ic{background:var(--blue-100);width:52px;height:52px;color:var(--blue-600);border-radius:14px;place-items:center;margin-bottom:22px;display:grid}.feature.green .ic{color:var(--green-600);background:#1f9d6e1f}.feature.warn .ic{color:#b8851f;background:#e6a93a26}.feature h3{color:var(--navy-900);margin:0 0 10px;font-size:19px;font-weight:700}.feature p{color:var(--text-muted);margin:0;font-size:14.5px;line-height:1.65}.feature ul{flex-direction:column;gap:8px;margin:14px 0 0;padding:0;list-style:none;display:flex}.feature ul li{color:var(--text);align-items:flex-start;gap:8px;font-size:13px;display:flex}.feature ul li:before{content:"";background:var(--green-100);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%231F9D6E' stroke-width='4'><polyline points='20 6 9 17 4 12'/></svg>");background-position:50%;background-repeat:no-repeat;border-radius:50%;flex-shrink:0;width:14px;height:14px;margin-top:2px}.how-bg{background:var(--bg);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.steps{grid-template-columns:repeat(3,1fr);gap:0;display:grid;position:relative}.steps:before{content:"";background:linear-gradient(90deg, var(--blue-600), var(--green-600));opacity:.35;z-index:0;height:2px;position:absolute;top:32px;left:17%;right:17%}.step-item{text-align:center;z-index:1;padding:0 24px;position:relative}.step-item .num{border:2px solid var(--blue-600);width:64px;height:64px;color:var(--blue-600);font-family:var(--font-inter);background:#fff;border-radius:50%;place-items:center;margin:0 auto 22px;font-size:22px;font-weight:800;display:grid;box-shadow:0 4px 14px #2b6fe52e}.step-item:nth-child(2) .num{border-color:var(--blue-500);color:var(--blue-500)}.step-item:nth-child(3) .num{border-color:var(--green-600);color:var(--green-600)}.step-item h4{color:var(--navy-900);margin:0 0 10px;font-size:18px;font-weight:700}.step-item p{color:var(--text-muted);margin:0;font-size:14px;line-height:1.6}.use-cases{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.use-case{border:1px solid var(--border);text-align:center;background:linear-gradient(#fff 0%,#fafcff 100%);border-radius:14px;padding:24px}.use-case .emoji{width:44px;height:44px;color:var(--blue-600);background:linear-gradient(135deg,#2b6fe51a,#1f9d6e0f);border-radius:12px;justify-content:center;align-items:center;margin-bottom:12px;display:inline-flex}.use-case .name{color:var(--navy-900);margin-bottom:4px;font-size:15px;font-weight:700}.use-case .desc{color:var(--text-muted);font-size:12.5px;line-height:1.5}.testimonial-wrap{background:radial-gradient(1000px 400px at 50% 100%, #1f9d6e14, transparent 70%), var(--navy-900);color:#fff;padding:80px 40px}.testimonial{text-align:center;max-width:880px;margin:0 auto}.testimonial .quote-mark{font-family:var(--font-inter);color:#1f9d6e80;margin-bottom:6px;font-size:90px;font-weight:800;line-height:1}.testimonial blockquote{color:#fff;margin:0 0 32px;font-size:26px;font-weight:500;line-height:1.5}.testimonial .author{justify-content:center;align-items:center;gap:14px;display:flex}.testimonial .author .av{color:#fff;background:linear-gradient(135deg,#2bb880,#2b6fe5);border-radius:50%;place-items:center;width:52px;height:52px;font-size:18px;font-weight:700;display:grid}.testimonial .author .meta{text-align:left}.testimonial .author .name{font-size:15px;font-weight:700}.testimonial .author .role{color:#fff9;font-size:13px}.pricing-teaser{text-align:center;max-width:1100px;margin:0 auto;padding:96px 40px}.pricing-teaser h2{color:var(--navy-900);letter-spacing:-.6px;margin:0 0 16px;font-size:38px}.pricing-teaser p{color:var(--text-muted);margin:0 0 36px;font-size:17px;line-height:1.6}.pricing-cards{text-align:left;grid-template-columns:repeat(2,1fr);gap:16px;max-width:780px;margin-bottom:32px;margin-left:auto;margin-right:auto;display:grid}.ptcard{border:1px solid var(--border);background:#fff;border-radius:14px;padding:24px;position:relative}.ptcard.featured{border:2px solid var(--green-600);background:linear-gradient(#1f9d6e0a,#fff)}.ptcard.featured:before{content:"แนะนำ";background:var(--green-600);color:#fff;letter-spacing:.6px;border-radius:999px;padding:3px 10px;font-size:10.5px;font-weight:700;position:absolute;top:-10px;left:20px}.ptcard .name{color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;font-size:14px;font-weight:700}.ptcard .price{font-family:var(--font-inter);color:var(--navy-900);margin:8px 0 4px}.ptcard .price .amt{letter-spacing:-1px;font-size:36px;font-weight:800}.ptcard .price .per{color:var(--text-muted);font-size:13px;font-weight:500}.ptcard .desc{color:var(--text-muted);margin:0;font-size:13px;line-height:1.5}.final-cta{background:linear-gradient(135deg, var(--navy-900), #1b3060);color:#fff;text-align:center;padding:60px 40px;position:relative;overflow:hidden}.final-cta:after{content:"";background:var(--green-600);filter:blur(120px);opacity:.25;border-radius:50%;width:400px;height:400px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.final-cta .inner{z-index:1;max-width:720px;margin:0 auto;position:relative}.final-cta h2{letter-spacing:-.4px;margin:0 0 14px;font-size:32px}.final-cta p{color:#ffffffbf;margin:0 0 28px;font-size:16px;line-height:1.6}.final-cta .cta-row{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.final-cta .btn-primary{background:var(--green-600);box-shadow:0 8px 20px #1f9d6e66}.final-cta .btn-primary:hover{background:var(--green-500)}.final-cta .btn-ghost{color:#fff;background:0 0;border:1px solid #ffffff4d}.final-cta .btn-ghost:hover{background:#ffffff14}footer.site-footer{color:#ffffffa6;background:#0b1733;padding:56px 40px 32px}.footer-inner{grid-template-columns:1.5fr 1fr 1fr 1fr;gap:48px;max-width:1240px;margin:0 auto;display:grid}.footer-inner .col h3{color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 16px;font-size:13px;font-weight:700}.footer-inner .col a{color:#ffffffa6;margin-bottom:10px;font-size:13.5px;text-decoration:none;display:block}.footer-inner .col a:hover{color:#fff}.footer-inner .brand-col p{max-width:320px;margin:14px 0 0;font-size:13.5px;line-height:1.65}.footer-inner .brand-col img{height:36px}.footer-bottom{color:#fff9;border-top:1px solid #ffffff1a;justify-content:space-between;max-width:1240px;margin:40px auto 0;padding-top:24px;font-size:12.5px;display:flex}@media (max-width:1024px){.hero{grid-template-columns:1fr;gap:40px;padding:60px 30px}.hero-visual{width:100%;max-width:500px;height:400px;margin:0 auto}.hero h1{font-size:42px}.features,.use-cases{grid-template-columns:1fr 1fr}.pricing-cards{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr}}@media (max-width:700px){.topbar{flex-wrap:wrap;gap:10px;padding:10px 14px}.topbar nav,.topbar .brand-text .sub{display:none}.hero{padding:48px 20px}.hero h1{font-size:32px}.hero .lede{font-size:16px}.hero-visual{height:360px}.hero-card.float{width:180px;right:0}.trust-inner{flex-direction:column;align-items:flex-start;gap:14px;padding:0 20px}.trust .logos{gap:24px}.section{padding:64px 20px}.section-head h2{font-size:28px}.section-head p{font-size:15px}.features{grid-template-columns:1fr}.feature{padding:24px}.steps{grid-template-columns:1fr;gap:32px}.steps:before{display:none}.use-cases{grid-template-columns:1fr 1fr;gap:12px}.testimonial-wrap{padding:56px 20px}.testimonial blockquote{font-size:19px}.pricing-teaser{padding:64px 20px}.pricing-teaser h2{font-size:28px}.footer-inner{grid-template-columns:1fr;gap:32px}.footer-bottom{flex-direction:column;gap:8px}.final-cta{padding:48px 20px}.final-cta h2{font-size:24px}}.row{gap:16px;display:flex}.row>.field{flex:1;min-width:0}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--navy-800);font-size:13px;font-weight:600}.field .hint{color:var(--text-faint);font-size:12px}.field .err{color:var(--danger);margin-top:2px;font-size:12px}.input,.select,.textarea{border:1px solid var(--border-strong);background:var(--surface);width:100%;color:var(--text);border-radius:10px;padding:12px 14px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--blue-600);outline:none;box-shadow:0 0 0 4px #2b6fe526}.input-group{align-items:center;display:flex;position:relative}.input-group .icon-left{color:var(--text-faint);pointer-events:none;position:absolute;left:12px}.input-group .input{padding-left:40px}.input-group .toggle{color:var(--text-muted);background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:600;position:absolute;right:8px}.input-group .toggle:hover{background:var(--bg)}.divider{color:var(--text-faint);letter-spacing:.6px;text-transform:uppercase;align-items:center;gap:12px;margin:22px 0;font-size:12px;font-weight:600;display:flex}.divider:before,.divider:after{content:"";background:var(--border);flex:1;height:1px}.checkbox-row{color:var(--text-muted);align-items:flex-start;gap:10px;font-size:13px;display:flex}.checkbox-row input[type=checkbox]{accent-color:var(--blue-600);margin-top:3px}.auth-shell{grid-template-columns:1fr 1fr;min-height:calc(100vh - 65px);display:grid}.auth-aside{background:linear-gradient(155deg, var(--navy-900) 0%, var(--navy-700) 55%, var(--navy-600) 100%);color:#fff;flex-direction:column;padding:56px 56px 40px;display:flex;position:relative;overflow:hidden}.auth-aside:before,.auth-aside:after{content:"";filter:blur(60px);opacity:.4;pointer-events:none;border-radius:50%;position:absolute}.auth-aside:before{background:var(--blue-600);width:360px;height:360px;top:-80px;right:-100px}.auth-aside:after{background:var(--cyan-500);opacity:.25;width:280px;height:280px;bottom:-80px;left:-60px}.auth-aside .aside-content{z-index:2;max-width:460px;position:relative}.auth-aside .eyebrow{letter-spacing:1.5px;text-transform:uppercase;color:var(--green-500);margin-bottom:14px;font-size:11.5px;font-weight:700}.auth-aside h1{letter-spacing:-.5px;margin:0 0 18px;font-size:38px;font-weight:700;line-height:1.2}.auth-aside p.lede{color:#ffffffc7;margin:0 0 36px;font-size:15px;line-height:1.65}.auth-aside .feature-list{flex-direction:column;gap:14px;margin-bottom:36px;display:flex}.auth-aside .feature{color:#ffffffdb;background:0 0;border:0;align-items:flex-start;gap:14px;padding:0;font-size:14px;display:flex}.auth-aside .feature:hover{box-shadow:none;border:0;transform:none}.auth-aside .feature .check{width:26px;height:26px;color:var(--green-500);background:#1f9d6e2e;border-radius:8px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.auth-aside .feature strong{color:#fff;font-weight:600}.auth-aside .testimonial{z-index:2;background:#ffffff0f;border:1px solid #ffffff14;border-radius:14px;margin-top:auto;padding:22px;position:relative}.auth-aside .testimonial blockquote{color:#ffffffeb;margin:0 0 14px;font-size:14px;font-style:italic;line-height:1.6}.auth-aside .testimonial .who{align-items:center;gap:12px;display:flex}.auth-aside .testimonial .who .avatar{color:#fff;background:linear-gradient(135deg,#fbc678,#e0556b);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.auth-aside .testimonial .who .meta{font-size:13px}.auth-aside .testimonial .who .meta .name{font-weight:600}.auth-aside .testimonial .who .meta .role{color:#fff9;font-size:12px}.auth-main{background:var(--bg);justify-content:center;align-items:center;padding:40px 32px;display:flex}.auth-card{width:100%;max-width:460px}.auth-card h2{letter-spacing:-.4px;color:var(--navy-900);margin:0 0 8px;font-size:28px;font-weight:700}.auth-card .subtitle{color:var(--text-muted);margin:0 0 28px;font-size:14.5px}.auth-card .footer-link{text-align:center;color:var(--text-muted);margin-top:22px;font-size:14px}.alert{border-radius:10px;margin-bottom:16px;padding:12px 14px;font-size:13px}.alert.error{color:#b8334a;background:#e0556b14;border:1px solid #e0556b4d}.alert.success{color:var(--green-600);background:#1f9d6e14;border:1px solid #1f9d6e4d}.verify-wrap{justify-content:center;align-items:center;min-height:calc(100vh - 65px);padding:40px 24px;display:flex}.verify-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:100%;max-width:520px;box-shadow:var(--shadow-md);padding:48px 44px}.verify-card .badge{background:var(--blue-100);width:72px;height:72px;color:var(--blue-600);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.verify-card h1{color:var(--navy-900);letter-spacing:-.4px;margin:0 0 12px;font-size:26px}.verify-card p.lede{color:var(--text-muted);margin:0 0 26px;font-size:14.5px;line-height:1.65}.verify-card p.lede strong{color:var(--navy-900)}.otp-row{justify-content:center;gap:10px;margin-bottom:22px;display:flex}.otp-input{border:1.5px solid var(--border-strong);background:var(--surface);text-align:center;width:52px;height:60px;font-family:var(--font-inter);color:var(--navy-900);border-radius:12px;font-size:24px;font-weight:700;transition:border-color .15s,box-shadow .15s}.otp-input:focus{border-color:var(--blue-600);outline:none;box-shadow:0 0 0 4px #2b6fe526}.otp-input.filled{border-color:var(--blue-600);background:#2b6fe50a}.resend-row{color:var(--text-muted);margin:8px 0 24px;font-size:13px}.resend-row button{color:var(--blue-600);cursor:pointer;background:0 0;border:0;font-weight:600}.resend-row button:disabled{color:var(--text-faint);cursor:default}.help-foot{border-top:1px solid var(--border);color:var(--text-faint);margin-top:28px;padding-top:22px;font-size:13px}.help-foot a{color:var(--blue-600);font-weight:600}.alt-card{background:var(--surface);border:1px dashed var(--border-strong);width:100%;max-width:520px;color:var(--text-muted);border-radius:14px;align-items:center;gap:14px;margin-top:18px;padding:16px 20px;font-size:13.5px;display:flex}.alt-card .ic{background:var(--blue-100);width:36px;height:36px;color:var(--blue-600);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.alt-card a{color:var(--blue-600);font-weight:600}.stepper{align-items:center;gap:10px;margin-bottom:28px;display:flex}.stepper .step{color:var(--text-muted);flex:1;align-items:center;gap:8px;font-size:12px;font-weight:600;display:flex}.stepper .dot{background:var(--blue-100);width:26px;height:26px;color:var(--blue-600);font-size:12px;font-weight:700;font-family:var(--font-inter);border-radius:50%;flex-shrink:0;place-items:center;transition:all .2s;display:grid}.stepper .step.active .dot{background:var(--blue-600);color:#fff;box-shadow:0 4px 12px #2b6fe552}.stepper .step.done .dot{background:var(--green-500);color:#fff}.stepper .step.active{color:var(--navy-900)}.stepper .bar{background:var(--border);border-radius:1px;flex:0 0 24px;height:2px}@media (max-width:540px){.verify-card{padding:32px 24px}.verify-card h1{font-size:22px}.otp-input{width:42px;height:52px;font-size:20px}.otp-row{gap:6px}}@media (max-width:980px){.auth-shell{grid-template-columns:1fr}.auth-aside{padding:36px 28px}.auth-aside h1{font-size:30px}.auth-aside .testimonial{display:none}.auth-main{padding:32px 20px}}@media (max-width:640px){.auth-aside{padding:28px 20px}.auth-aside h1{font-size:24px}.auth-aside .feature-list{gap:10px;margin-bottom:0}.auth-card h2{font-size:22px}}