:root{
  --sb-bg:#eef4ff;
  --sb-bg2:#f8fbff;
  --sb-card:#ffffff;
  --sb-soft:#f4f8ff;
  --sb-line:#d9e3f1;
  --sb-text:#091a3d;
  --sb-muted:#6e7e98;
  --sb-accent:#256dff;
  --sb-accent2:#4f86ff;
  --sb-green:#18b368;
  --sb-purple:#7a5cff;
  --sb-shadow:0 28px 70px rgba(15,23,42,.14);
}
html,body{margin:0!important;padding:0!important;width:100%!important;height:100%!important;overflow:hidden!important}
body.sb6-body{
  min-height:100vh!important;
  min-height:100dvh!important;
  color:var(--sb-text)!important;
  background:
    radial-gradient(circle at 8% 10%,rgba(37,109,255,.08),transparent 24%),
    radial-gradient(circle at 92% 12%,rgba(37,109,255,.05),transparent 18%),
    linear-gradient(135deg,var(--sb-bg),var(--sb-bg2))!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}
.sb6-hide{display:none!important}
.sb6-root{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:18px;overflow:hidden}
.sb6-orb{position:absolute;border-radius:999px;filter:blur(5px);opacity:.45;pointer-events:none;animation:sb6Float 9s ease-in-out infinite}
.sb6-orb.o1{width:220px;height:220px;left:-70px;top:80px;background:rgba(37,109,255,.08)}
.sb6-orb.o2{width:180px;height:180px;right:6%;bottom:7%;background:rgba(79,134,255,.09);animation-delay:-2s}
.sb6-orb.o3{width:120px;height:120px;right:24%;top:10%;background:rgba(122,92,255,.08);animation-delay:-5s}
@keyframes sb6Float{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
@keyframes sb6FadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes sb6Pulse{0%,100%{box-shadow:0 18px 34px rgba(37,109,255,.17)}50%{box-shadow:0 18px 40px rgba(37,109,255,.28)}}
@keyframes sb6Drift{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.01)}}

.sb6-shell{
  position:relative;
  z-index:2;
  width:min(1360px,100%);
  height:min(800px,calc(100dvh - 36px));
  border:1px solid rgba(217,227,241,.95);
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(8px);
  box-shadow:var(--sb-shadow);
  border-radius:30px;
  overflow:hidden;
  display:grid;
  grid-template-columns:1.06fr .94fr;
  animation:sb6FadeUp .55s ease;
}
.sb6-left{
  position:relative;
  padding:40px 42px 34px;
  background:
    radial-gradient(circle at 78% 20%,rgba(37,109,255,.09),transparent 20%),
    linear-gradient(145deg,#f7faff 0%,#eef5ff 65%,#f7fbff 100%);
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.sb6-kicker{margin:0 0 12px;color:#6b7c96;font-size:.78rem;font-weight:900;letter-spacing:.19em;text-transform:uppercase}
.sb6-title{margin:0;font-size:clamp(3rem,4.8vw,5.1rem);line-height:.96;letter-spacing:-.07em;font-weight:950;color:var(--sb-text)}
.sb6-title span{color:var(--sb-accent)}
.sb6-desc{margin:16px 0 18px;max-width:620px;color:var(--sb-muted);font-size:1rem;line-height:1.6}
.sb6-badges{display:flex;flex-wrap:wrap;gap:10px}
.sb6-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.86);border:1px solid rgba(37,109,255,.13);color:#5a6a81;font-size:.8rem;font-weight:850}
.sb6-badge i{color:var(--sb-accent)}
.sb6-media{margin-top:24px;flex:1;display:flex;align-items:flex-end}
.sb6-poster{
  position:relative;width:100%;height:100%;min-height:340px;
  background:linear-gradient(145deg,#fff,#f7fbff);
  border:1px solid rgba(37,109,255,.10);border-radius:28px;
  overflow:hidden;display:flex;align-items:center;justify-content:center;
  box-shadow:0 18px 44px rgba(15,23,42,.08);
}
.sb6-poster:before{content:"";position:absolute;inset:auto auto -60px -40px;width:180px;height:180px;border-radius:999px;background:rgba(37,109,255,.08)}
.sb6-poster:after{content:"";position:absolute;right:-45px;top:-45px;width:160px;height:160px;border-radius:999px;background:rgba(37,109,255,.06)}
.sb6-poster img,.sb6-poster picture{position:relative;z-index:2;display:block!important;width:auto!important;max-width:90%!important;max-height:360px!important;height:auto!important;object-fit:contain!important;animation:sb6Drift 7s ease-in-out infinite}
.sb6-poster picture img{width:100%!important}
.sb6-poster-fallback{position:relative;z-index:2;text-align:center;color:var(--sb-muted)}
.sb6-poster-fallback i{display:block;font-size:4rem;color:var(--sb-accent);margin-bottom:12px}

.sb6-right{padding:34px 38px 28px;background:rgba(255,255,255,.92);display:flex;flex-direction:column;justify-content:center}
.sb6-card{background:transparent;border:0;box-shadow:none;max-width:560px;width:100%;margin:0 auto}
.sb6-brand{display:flex;align-items:center;min-height:56px;margin-bottom:12px}
.sb6-brand img{display:block!important;max-width:250px!important;max-height:76px!important;width:auto!important;height:auto!important;object-fit:contain!important}
.sb6-brand-fallback{display:flex;align-items:center;gap:10px;font-weight:900;color:var(--sb-text)}
.sb6-brand-icon{width:48px;height:48px;border-radius:14px;background:#ebf2ff;display:grid;place-items:center;color:var(--sb-accent)}
.sb6-card h1{margin:0;color:var(--sb-text);font-size:clamp(2.8rem,4.1vw,4.5rem);line-height:.95;letter-spacing:-.07em;font-weight:950}
.sb6-card p{margin:10px 0 18px;color:var(--sb-muted);font-size:.96rem;line-height:1.5}
.sb6-alert{margin-bottom:10px}

.sb6-form{display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.sb6-field{margin-bottom:13px}
.sb6-field label{display:block;margin:0 0 7px;color:var(--sb-text);font-size:.85rem;font-weight:900}
.sb6-input{position:relative}
.sb6-input i{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#8b99ae;font-size:1rem;pointer-events:none}
.sb6-input input{width:100%!important;height:54px!important;border-radius:18px!important;border:1px solid var(--sb-line)!important;background:#fff!important;color:var(--sb-text)!important;padding:0 16px 0 44px!important;font-size:.97rem!important;outline:none!important;box-shadow:none!important}
.sb6-input input::placeholder{color:#98a5b8!important;opacity:1!important}
.sb6-input input:focus{border-color:var(--sb-accent)!important;box-shadow:0 0 0 4px rgba(37,109,255,.10)!important}
.sb6-pass{display:flex;align-items:center;gap:10px}
.sb6-pass .sb6-input{flex:1}
.sb6-eye{width:54px;height:54px;flex:0 0 54px;border-radius:18px!important;border:1px solid var(--sb-line)!important;background:#fff!important;color:#73829b!important;display:grid!important;place-items:center!important;box-shadow:none!important}
.sb6-eye:hover{border-color:rgba(37,109,255,.35)!important;color:var(--sb-accent)!important}
.sb6-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:2px 0 14px}
.sb6-remember{display:inline-flex;align-items:center;gap:8px;color:var(--sb-text);font-size:.82rem;font-weight:850}
.sb6-remember input{margin:0!important}
.sb6-meta a{color:var(--sb-accent)!important;text-decoration:none!important;font-size:.82rem!important;font-weight:900!important}
.sb6-submit{width:100%!important;height:58px!important;border:0!important;border-radius:999px!important;background:linear-gradient(90deg,var(--sb-accent),var(--sb-accent2))!important;color:#fff!important;font-size:1.05rem!important;font-weight:950!important;letter-spacing:.01em!important;animation:sb6Pulse 3.2s ease-in-out infinite}
.sb6-quick{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}
.sb6-action{height:54px!important;border-radius:16px!important;padding:0 14px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;font-size:.84rem!important;font-weight:900!important;gap:8px;background:#fff!important}
.sb6-action.signup{border:1px solid rgba(24,179,104,.55)!important;color:var(--sb-green)!important}
.sb6-action.app{border:1px solid rgba(122,92,255,.55)!important;color:var(--sb-purple)!important}
.sb6-action i{font-size:1rem}
.sb6-foot{margin-top:14px;padding-top:14px;border-top:1px solid var(--sb-line);display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#7a8799;font-size:.72rem}

.sb6-theme{position:fixed!important;right:16px!important;top:16px!important;z-index:20!important;width:46px!important;height:46px!important;border-radius:16px!important;display:grid!important;place-items:center!important;background:#fff!important;border:1px solid var(--sb-line)!important;color:var(--sb-text)!important;box-shadow:0 12px 28px rgba(15,23,42,.08)!important}
.sb6-powered-hide{display:none!important}

@media (max-width:1200px){
  .sb6-shell{height:min(760px,calc(100dvh - 32px));grid-template-columns:1fr 1fr}
  .sb6-left{padding:34px 32px 28px}
  .sb6-right{padding:30px 30px 24px}
  .sb6-poster img,.sb6-poster picture{max-height:300px!important}
}
@media (max-width:860px){
  html,body,body.sb6-body{overflow:hidden!important}
  .sb6-root{padding:12px}
  .sb6-orb{display:none}
  .sb6-shell{width:min(100%,460px);height:min(740px,calc(100dvh - 24px));grid-template-columns:1fr;border-radius:28px}
  .sb6-left{display:none}
  .sb6-right{padding:22px 18px 18px;justify-content:center;background:rgba(255,255,255,.96)}
  .sb6-card{max-width:100%}
  .sb6-brand{justify-content:flex-start;min-height:46px;margin-bottom:10px}
  .sb6-brand img{max-width:220px!important;max-height:62px!important}
  .sb6-card h1{font-size:2.55rem}
  .sb6-card p{margin:8px 0 14px;font-size:.92rem}
  .sb6-field{margin-bottom:11px}
  .sb6-field label{font-size:.82rem}
  .sb6-input input{height:50px!important;border-radius:16px!important;font-size:.95rem!important}
  .sb6-eye{width:50px;height:50px;flex-basis:50px;border-radius:16px!important}
  .sb6-submit{height:52px!important;font-size:1rem!important}
  .sb6-quick{grid-template-columns:1fr 1fr;gap:8px;margin-top:12px}
  .sb6-action{height:48px!important;font-size:.78rem!important;padding:0 10px!important}
  .sb6-foot{margin-top:12px;padding-top:12px;font-size:.66rem}
  .sb6-theme{right:10px!important;top:10px!important}
}
@media (max-width:460px){
  .sb6-root{padding:8px}
  .sb6-shell{height:min(700px,calc(100dvh - 16px));width:100%;border-radius:24px}
  .sb6-right{padding:18px 14px 14px}
  .sb6-brand img{max-width:190px!important;max-height:54px!important}
  .sb6-card h1{font-size:2.18rem}
  .sb6-card p{font-size:.88rem}
  .sb6-input input{height:48px!important;padding-left:42px!important}
  .sb6-eye{height:48px!important;flex-basis:48px;width:48px}
  .sb6-submit{height:50px!important}
  .sb6-quick{grid-template-columns:1fr}
  .sb6-action{height:46px!important}
}