.su-shell{background:var(--bg,#f4f5f8);isolation:isolate;min-height:100vh;position:relative;overflow:hidden}.su-mesh{z-index:0;pointer-events:none;filter:blur(46px)saturate(130%);will-change:transform;background:radial-gradient(38% 42% at 22% 28%,#6366f142,#0000 62%),radial-gradient(34% 38% at 78% 22%,#a855f733,#0000 60%),radial-gradient(36% 40% at 20% 78%,#ec489921,#0000 62%),radial-gradient(40% 44% at 62% 82%,#38bdf82e,#0000 64%);animation:26s ease-in-out infinite alternate su-drift;position:absolute;inset:-30%}@keyframes su-drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(2.5%,-2%)scale(1.06)}to{transform:translate(-2%,2.5%)scale(1.02)}}.su-grid{z-index:0;pointer-events:none;background-image:linear-gradient(90deg,#6366f10e 1px,#0000 1px),linear-gradient(#6366f10e 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%);mask-image:radial-gradient(70% 60% at 50% 40%,#000 0%,#0000 100%)}.su-card{background:var(--surface-glass,#ffffffd9);-webkit-backdrop-filter:blur(22px)saturate(160%);border:1px solid #ffffffb3;border-radius:26px;position:relative;box-shadow:inset 0 1px #ffffffe6,0 24px 60px -18px #18183c38,0 4px 14px -6px #18183c1a}.su-field{width:100%;color:var(--text-primary,#111827);background:#ffffffb8;border:1px solid #1118271a;border-radius:14px;outline:none;padding:9.5px 14px;font-size:14px;transition:border-color .18s,box-shadow .18s,background .18s}.su-field::placeholder{color:#11182757}.su-field:hover{border-color:#1118272e}.su-field:focus{background:#fff;border-color:#6366f18c;box-shadow:0 0 0 4px #6366f121}.su-field.su-ok{border-color:#22c55e73;box-shadow:0 0 0 4px #22c55e1a}.su-field.su-bad{border-color:#ef44448c;box-shadow:0 0 0 4px #ef44441a}.su-group{background:#ffffffb8;border:1px solid #1118271a;border-radius:14px;align-items:stretch;transition:border-color .18s,box-shadow .18s,background .18s;display:flex;overflow:hidden}.su-group:focus-within{background:#fff;border-color:#6366f18c;box-shadow:0 0 0 4px #6366f121}.su-group input{min-width:0;color:var(--text-primary,#111827);background:0 0;border:0;outline:none;flex:1;padding:9.5px 14px;font-size:14px}.su-group input::placeholder{color:#11182757}.su-affix{color:var(--text-tertiary,#6b7280);white-space:nowrap;background:#11182709;place-items:center;padding:0 13px;font-size:13px;display:grid}.su-affix-l{border-right:1px solid #11182714}.su-affix-r{border-left:1px solid #11182714}.su-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 52%,#a855f7 100%);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 20px;font-size:14px;font-weight:600;transition:transform .16s,box-shadow .22s,filter .22s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 10px 26px -8px #6366f199,0 2px 6px -2px #6366f166}.su-btn:after{content:"";background:linear-gradient(105deg,#0000 38%,#ffffff57 50%,#0000 62%);transition:transform .62s cubic-bezier(.22,.61,.36,1);position:absolute;inset:0;transform:translate(-120%)}.su-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 16px 34px -10px #6366f1a8}.su-btn:hover:not(:disabled):after{transform:translate(120%)}.su-btn:active:not(:disabled){transform:translateY(0)}.su-btn:disabled{cursor:not-allowed;filter:grayscale(.55)opacity(.45);box-shadow:none}.su-steps{gap:6px;display:flex}.su-step{background:#1118271a;border-radius:999px;flex:1;height:3px;overflow:hidden}.su-step>i{background:linear-gradient(90deg,#6366f1,#a855f7);border-radius:999px;width:0;height:100%;transition:width .5s cubic-bezier(.22,.61,.36,1);display:block}.su-step.su-on>i{width:100%}.su-feature{-webkit-backdrop-filter:blur(14px)saturate(150%);background:#ffffff8c;border:1px solid #ffffffb3;border-radius:18px;align-items:flex-start;gap:13px;padding:17px 18px;transition:transform .22s,box-shadow .22s,background .22s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd9,0 10px 24px -16px #18183c2e}.su-feature:before{content:"";background:var(--tone,#6366f1);opacity:.75;height:3px;position:absolute;inset:0 0 auto}.su-feature:hover{background:#ffffffc2;transform:translateY(-2px);box-shadow:inset 0 1px #ffffffe6,0 18px 32px -16px #18183c42}.su-feature-icon{background:color-mix(in srgb, var(--tone,#6366f1) 16%, white);width:42px;height:42px;color:var(--tone,#6366f1);border-radius:13px;flex-shrink:0;place-items:center;display:grid}.su-feature-title{color:var(--text-primary,#111827);font-size:13.5px;font-weight:700;line-height:1.25;display:block}.su-feature-desc{color:var(--text-tertiary,#6b7280);margin-top:2px;font-size:11.5px;line-height:1.4;display:block}.su-payline{align-items:flex-start;gap:10px;display:flex}.su-payline-icon{background:color-mix(in srgb, var(--tone,#6366f1) 15%, white);width:28px;height:28px;color:var(--tone,#6366f1);border-radius:9px;flex-shrink:0;place-items:center;margin-top:1px;display:grid}.su-trust{color:var(--text-secondary,#4b5563);align-items:center;gap:6px;font-size:12px;font-weight:500;display:inline-flex}.su-trust svg{color:var(--tone,#6366f1);flex-shrink:0}@keyframes su-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.su-rise{animation:.5s cubic-bezier(.22,.61,.36,1) both su-rise}@keyframes su-pop{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.su-pop{animation:.34s cubic-bezier(.22,.61,.36,1) both su-pop}.su-otp{text-align:center;letter-spacing:.02em;width:100%;height:58px;color:var(--text-primary,#111827);background:#ffffffb8;border:1px solid #1118271a;border-radius:14px;outline:none;font-size:22px;font-weight:700;transition:border-color .16s,box-shadow .16s,background .16s,transform .16s}.su-otp:focus{background:#fff;border-color:#6366f199;transform:translateY(-1px);box-shadow:0 0 0 4px #6366f124}.su-otp.su-filled{background:#fff;border-color:#6366f159}@media (prefers-reduced-motion:reduce){.su-mesh,.su-rise,.su-pop{animation:none!important}.su-window{transform:none}.su-btn:after{display:none}}