.onboarding-page{min-height:100vh;color:#172033;background:radial-gradient(circle at 78% 24%,rgba(99,102,241,.11),transparent 30%),#f7f8fc;font-family:'Segoe UI',Arial,sans-serif}.onboarding-shell{max-width:1200px;min-height:100vh;margin:0 auto;padding:24px 34px;display:flex;flex-direction:column}.onboarding-topbar{display:flex;align-items:center;justify-content:space-between}.onboarding-brand{display:inline-flex;align-items:center;gap:10px;color:#172033;font-size:19px;font-weight:750;text-decoration:none}.onboarding-brand>span{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#4f46e5;border-radius:12px;box-shadow:0 8px 18px rgba(79,70,229,.22)}.onboarding-login{color:#64748b;font-size:13px;text-decoration:none}.onboarding-login strong{margin-left:4px;color:#4f46e5}.onboarding-hero{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:62px;flex:1;padding:58px 0 38px}.onboarding-copy{max-width:570px}.onboarding-eyebrow{display:inline-flex;align-items:center;gap:8px;color:#4f46e5;font-size:11px;font-weight:750;letter-spacing:.12em}.onboarding-copy h1,.onboarding-signup-intro h1{margin:19px 0 15px;color:#172033;font-size:clamp(38px,4.3vw,56px);font-weight:760;letter-spacing:-.045em;line-height:1.08}.onboarding-copy h1 em{color:#4f46e5;font-style:normal}.onboarding-copy>p,.onboarding-signup-intro>p{max-width:490px;margin:0;color:#64748b;font-size:16px;line-height:1.75}.onboarding-options{display:grid;gap:11px;margin-top:27px}.onboarding-option{display:flex;align-items:center;width:100%;min-height:72px;padding:12px 16px;border:1px solid #e5e7eb;border-radius:14px;color:#172033;background:#fff;text-align:left;text-decoration:none;box-shadow:0 5px 16px rgba(15,23,42,.035);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.onboarding-option:hover{transform:translateY(-2px);border-color:#c7d2fe;color:#172033;text-decoration:none;box-shadow:0 10px 22px rgba(15,23,42,.08)}.onboarding-option-primary{border-color:#4f46e5;color:#fff;background:linear-gradient(105deg,#4f46e5,#6257ee);box-shadow:0 10px 22px rgba(79,70,229,.19)}.onboarding-option-primary:hover{border-color:#4338ca;color:#fff}.onboarding-option-icon{display:grid;place-items:center;flex:0 0 42px;width:42px;height:42px;margin-right:13px;border-radius:12px;color:#fff;background:rgba(255,255,255,.18);font-size:16px}.onboarding-option:not(.onboarding-option-primary) .onboarding-option-icon{color:#4f46e5;background:#eeedff}.onboarding-option:not(.onboarding-option-primary) .onboarding-video-icon{color:#ca5b30;background:#fff0e9}.onboarding-option:not(.onboarding-option-primary) .onboarding-contact-icon{color:#14966a;background:#e6f8f0}.onboarding-option strong,.onboarding-option small{display:block}.onboarding-option strong{font-size:14px;font-weight:700}.onboarding-option small{margin-top:4px;color:#718096;font-size:12px}.onboarding-option-primary small{color:rgba(255,255,255,.8)}.onboarding-arrow{margin-left:auto;padding-left:12px;font-size:13px}.onboarding-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:19px;color:#64748b;font-size:11px}.onboarding-trust i{margin-right:5px;color:#10a474}.onboarding-art{position:relative;display:grid;place-items:center;min-height:410px}.onboarding-orbit{position:absolute;border:1px solid rgba(99,102,241,.13);border-radius:50%}.orbit-one{width:390px;height:390px}.orbit-two{width:320px;height:320px}.onboarding-art-card{position:relative;z-index:1;width:min(100%,370px);padding:20px;border:1px solid rgba(226,232,240,.9);border-radius:22px;background:rgba(255,255,255,.94);box-shadow:0 25px 70px rgba(49,46,129,.14);transform:rotate(-2deg)}.onboarding-art-head{display:flex;align-items:center;gap:10px;padding-bottom:17px;border-bottom:1px solid #edf0f6}.onboarding-avatar{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.onboarding-art-head strong,.onboarding-art-head small{display:block}.onboarding-art-head strong{font-size:13px}.onboarding-art-head small{margin-top:4px;color:#718096;font-size:11px}.onboarding-art-head small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#10b981}.onboarding-art-head>.fa-ellipsis-h{margin-left:auto;color:#94a3b8}.onboarding-chat{max-width:85%;margin-top:18px;padding:12px 14px;border-radius:14px;font-size:12px;line-height:1.6}.onboarding-chat small{display:block;margin-top:6px;font-size:9px;opacity:.7;text-align:right}.onboarding-chat.incoming{border-bottom-left-radius:4px;color:#475569;background:#f1f3f8}.onboarding-chat.outgoing{margin-left:auto;border-bottom-right-radius:4px;color:#fff;background:#4f46e5}.onboarding-art-footer{display:flex;align-items:center;gap:10px;margin-top:21px;padding-top:14px;border-top:1px solid #edf0f6;color:#94a3b8}.onboarding-art-footer>span{display:flex;gap:4px;padding:10px 12px;border-radius:20px;background:#f3f4f8}.onboarding-art-footer>span i{font-size:5px}.onboarding-art-footer small{font-size:10px}.onboarding-art-footer>.fa-paper-plane{margin-left:auto;color:#4f46e5}.onboarding-floating{position:absolute;z-index:2;display:flex;align-items:center;gap:9px;padding:11px 14px;border:1px solid #edf0f6;border-radius:12px;color:#334155;background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.1);font-size:11px}.onboarding-floating span{display:grid;place-items:center;width:28px;height:28px;border-radius:9px;color:#4f46e5;background:#eeedff}.onboarding-floating-top{top:52px;right:-4px}.onboarding-floating-bottom{bottom:49px;left:-14px}.onboarding-footer{padding:17px 0 4px;border-top:1px solid #e9ecf3;color:#94a3b8;font-size:11px;text-align:center}.onboarding-video-backdrop{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:20px;background:rgba(15,23,42,.72)}.onboarding-video-backdrop[hidden]{display:none}.onboarding-video-modal{width:min(780px,100%);padding:22px;border-radius:18px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.25)}.onboarding-video-modal header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.onboarding-video-modal h2{margin:5px 0 0;font-size:20px;font-weight:700}.onboarding-video-modal header button{width:34px;height:34px;border:0;border-radius:50%;color:#64748b;background:#f1f5f9;font-size:24px}.onboarding-video-frame{display:grid;place-items:center;aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111827;color:#fff}.onboarding-video-frame iframe{width:100%;height:100%;border:0}.onboarding-video-frame p{padding:20px;text-align:center}.onboarding-signup-shell{max-width:1100px}.onboarding-signup-layout{display:grid;grid-template-columns:1fr minmax(360px,460px);align-items:center;gap:70px;flex:1;padding:50px 0}.onboarding-signup-intro{max-width:470px}.onboarding-back{display:inline-block;margin-bottom:46px;color:#64748b;font-size:12px;text-decoration:none}.onboarding-back i{margin-right:7px;color:#4f46e5}.onboarding-signup-intro h1{font-size:clamp(36px,4vw,50px)}.onboarding-signup-intro>p{font-size:14px}.onboarding-signup-benefit{margin-top:22px;color:#475569;font-size:13px}.onboarding-signup-benefit i{margin-right:8px;color:#10a474}.onboarding-signup-card{padding:31px;border:1px solid #e7eaf2;border-radius:20px;background:#fff;box-shadow:0 20px 55px rgba(15,23,42,.09)}.onboarding-form-icon{display:grid;place-items:center;width:46px;height:46px;margin-bottom:19px;border-radius:14px;color:#4f46e5;background:#eeedff}.onboarding-signup-card h2{margin:0;color:#172033;font-size:21px;font-weight:730}.onboarding-signup-card>p{margin:7px 0 23px;color:#718096;font-size:12px}.onboarding-signup-card label{display:block;margin:15px 0 7px;color:#334155;font-size:12px;font-weight:650}.onboarding-input-wrap{position:relative}.onboarding-input-wrap>i:first-child{position:absolute;top:14px;left:13px;color:#94a3b8;font-size:13px}.onboarding-input-wrap input{width:100%;height:44px;padding:0 42px 0 38px;border:1px solid #dfe4ee;border-radius:9px;outline:0;color:#172033;background:#fff;font-size:13px}.onboarding-input-wrap input:focus{border-color:#818cf8;box-shadow:0 0 0 3px rgba(99,102,241,.12)}.onboarding-password-toggle{position:absolute;top:5px;right:7px;width:34px;height:34px;border:0;color:#64748b;background:transparent}.onboarding-form-error{min-height:20px;margin-top:8px;color:#b91c1c;font-size:12px}.onboarding-submit{width:100%;min-height:46px;margin-top:5px;border:0;border-radius:9px;color:#fff;background:#4f46e5;font-size:13px;font-weight:700;box-shadow:0 8px 18px rgba(79,70,229,.2)}.onboarding-submit:hover{background:#4338ca}.onboarding-submit:disabled{opacity:.7}.onboarding-submit i{margin-left:7px}.onboarding-terms{display:block;margin-top:14px;color:#94a3b8;font-size:10px;text-align:center}.demo-welcome-backdrop{position:fixed;z-index:11000;inset:0;display:grid;place-items:center;overflow-y:auto;padding:22px;background:rgba(15,23,42,.58);backdrop-filter:blur(4px)}.demo-welcome-modal{width:min(650px,100%);padding:28px;border:1px solid rgba(255,255,255,.7);border-radius:22px;background:linear-gradient(145deg,#fff 0%,#f7f7ff 100%);box-shadow:0 28px 90px rgba(20,24,75,.28)}.demo-welcome-heading{display:flex;align-items:center;gap:14px}.demo-welcome-mark{display:grid;place-items:center;flex:0 0 50px;width:50px;height:50px;border-radius:16px;color:#fff;background:linear-gradient(135deg,#4f46e5,#7c3aed);font-size:21px;box-shadow:0 9px 20px rgba(79,70,229,.22)}.demo-welcome-kicker{color:#6366f1;font-size:9px;font-weight:800;letter-spacing:.13em}.demo-welcome-heading h2{margin:4px 0 0;color:#1e293b;font-size:21px;font-weight:750}.demo-welcome-intro{margin:19px 0;color:#64748b;font-size:13px;line-height:1.65}.demo-welcome-number{display:grid;gap:5px;padding:14px 17px;border:1px solid #c7d2fe;border-radius:13px;background:linear-gradient(100deg,#eef2ff,#f5f3ff)}.demo-welcome-number span{color:#64748b;font-size:10px}.demo-welcome-number strong{color:#4338ca;font-size:20px;letter-spacing:.02em}.demo-welcome-steps{display:grid;gap:12px;margin:19px 0 21px;padding:0;list-style:none}.demo-welcome-steps li{display:grid;grid-template-columns:23px 1fr;gap:10px;color:#475569;font-size:11px;line-height:1.6}.demo-welcome-steps li>span{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#4f46e5;background:#e9eaff;font-size:10px;font-weight:750}.demo-welcome-steps a{color:#4f46e5;font-weight:700;text-decoration:underline}.demo-welcome-ok{width:100%;min-height:44px;border:0;border-radius:10px;color:#fff;background:linear-gradient(100deg,#4f46e5,#6d5ce8);font-size:13px;font-weight:700;box-shadow:0 8px 18px rgba(79,70,229,.18)}
+@media(max-width:800px){.onboarding-shell{padding:18px 20px}.onboarding-hero{grid-template-columns:1fr;gap:12px;padding-top:50px}.onboarding-art{min-height:350px}.onboarding-signup-layout{grid-template-columns:1fr;gap:25px;padding:35px 0}.onboarding-back{margin-bottom:24px}.onboarding-signup-intro h1{margin-top:12px}.onboarding-signup-benefit{display:inline-block;margin:16px 12px 0 0;font-size:11px}}
+@media(max-width:480px){.onboarding-shell{padding:15px}.onboarding-topbar{align-items:flex-start;gap:12px}.onboarding-brand{font-size:16px}.onboarding-brand>span{width:34px;height:34px}.onboarding-login{max-width:150px;text-align:right;font-size:11px}.onboarding-hero{padding-top:39px}.onboarding-copy h1{font-size:37px}.onboarding-copy>p{font-size:14px}.onboarding-option{min-height:68px;padding:10px}.onboarding-option-icon{flex-basis:37px;width:37px;height:37px;margin-right:10px}.onboarding-option strong{font-size:12px}.onboarding-option small{font-size:10px}.onboarding-art{min-height:300px}.onboarding-art-card{padding:15px}.orbit-one{width:310px;height:310px}.orbit-two{width:260px;height:260px}.onboarding-floating-top{right:0}.onboarding-floating-bottom{left:0}.onboarding-signup-card{padding:23px 19px}.demo-welcome-modal{padding:21px 18px}.demo-welcome-heading h2{font-size:17px}.demo-welcome-number strong{font-size:17px}}