/* Seller console sign-in */
*{box-sizing:border-box}
body.si{margin:0;min-height:100vh;display:flex;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#131a2e;background:#f7f8fb;--accent:#3d55f5;--accent-ink:#2a3fd6}
.si a{color:var(--accent-ink)}.si a:hover{color:#1f2fb0}
.si-side{position:relative;flex:0 0 min(46vw,600px);min-height:100vh;background:#0b0f1e;color:#e4e8f3;overflow:hidden}
.si-brand{position:absolute;left:56px;top:48px;display:flex;align-items:center;gap:10px}
.si-brand b{font-family:"Space Grotesk",Inter,sans-serif;font-size:20px;color:#fff}
.si-brand span{font-size:12px;color:#8f98b0;border:1px solid #263052;border-radius:999px;padding:3px 10px}
.si-stage{position:absolute;left:50%;top:46%;width:0;height:0}
.si-hub{position:absolute;left:-46px;top:-46px;width:92px;height:92px;border-radius:26px;background:var(--accent);display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk",sans-serif;font-size:44px;font-weight:700;color:#fff;box-shadow:0 0 60px rgba(61,85,245,.45)}
@keyframes siRing{0%{transform:translate(-50%,-50%) scale(.6);opacity:.6}100%{transform:translate(-50%,-50%) scale(3.2);opacity:0}}
.si-rings span{position:absolute;left:0;top:0;width:120px;height:120px;border-radius:50%;border:2px solid #5b73ff;animation:siRing 3s ease-out infinite;opacity:0}
.si-rings span:nth-child(2){animation-delay:1s}.si-rings span:nth-child(3){animation-delay:2s}
@keyframes siFlow{from{transform:translateX(-100%)}to{transform:translateX(170%)}}
.si-wire{position:absolute;left:0;top:-1px;height:2px;background:#1f2744;overflow:hidden;transform-origin:0 50%}
.si-wire i{position:absolute;top:0;bottom:0;width:60%;background:linear-gradient(90deg,transparent,#5b73ff,transparent);animation:siFlow 2.4s linear infinite}
.si-wire.w1{width:190px;transform:rotate(-38deg)}.si-wire.w2{width:200px;transform:rotate(12deg)}.si-wire.w2 i{animation-delay:.6s}
.si-wire.w3{width:180px;transform:rotate(148deg)}.si-wire.w3 i{animation-delay:1.2s}.si-wire.w4{width:170px;transform:rotate(-150deg)}.si-wire.w4 i{animation-delay:1.8s}
.si-node{position:absolute;padding:8px 12px;border-radius:10px;background:#11172b;border:1px solid #263052;font-size:13px;color:#c9cfdf;white-space:nowrap}
.si-node.n1{left:146px;top:-132px}.si-node.n2{left:170px;top:20px}.si-node.n3{left:-208px;top:80px}.si-node.n4{left:-192px;top:-110px}
.si-tag{position:absolute;left:56px;right:56px;bottom:56px;display:flex;flex-direction:column;gap:10px}
.si-tag p{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:28px;font-weight:600;line-height:1.2;color:#fff}
.si-tag span{font-size:15px;line-height:1.55;color:#a9b1c7}
.si-main{flex:1;display:flex;align-items:center;justify-content:center;padding:48px 24px}
.si-box{width:min(420px,100%);display:flex;flex-direction:column;gap:26px}
@keyframes siIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
.si-in{animation:siIn .6s cubic-bezier(.2,.8,.2,1) both}.si-in.d2{animation-delay:.08s}.si-in.d3{animation-delay:.16s}.si-in.d4{animation-delay:.24s}
.si-head{display:flex;flex-direction:column;gap:8px}
.si-eyebrow{font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.si-head h1{margin:0;font-family:"Space Grotesk",Inter,sans-serif;font-size:38px;font-weight:600;letter-spacing:-.02em}
.si-head p{margin:0;font-size:15px;color:#5b6480}
.si-mobile-brand{display:none;align-items:center;gap:10px;font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px;margin-bottom:12px}
.si-mobile-brand span{width:34px;height:34px;border-radius:10px;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center}
@keyframes siShake{0%,100%{transform:none}20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.si-alert{display:flex;gap:10px;align-items:flex-start;background:#fde8ec;border:1px solid #f6c9d3;color:#a3152e;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.45;animation:siShake .4s ease both}
.si-alert svg{flex:none;margin-top:1px}
.si-form{display:flex;flex-direction:column;gap:18px}
.si-form label,.si-field>label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600;color:#131a2e}
.si-field{display:flex;flex-direction:column;gap:8px}
.si-form input{height:50px;border:1px solid #d4d9e6;border-radius:12px;padding:0 14px;font:inherit;font-weight:400;font-size:16px;background:#fff;color:#131a2e;width:100%}
.si-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #3d55f522}
.si-pw{display:flex;align-items:center;gap:6px;height:50px;border:1px solid #d4d9e6;border-radius:12px;background:#fff;padding:0 6px 0 14px}
.si-pw:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #3d55f522}
.si-pw input{flex:1;min-width:0;height:46px;border:0;padding:0;box-shadow:none!important}
.si-pw button{height:38px;padding:0 12px;border:0;border-radius:8px;background:#f1f3f9;color:#3d4560;font:inherit;font-size:13px;font-weight:600;cursor:pointer}
.si-pw button:hover{background:#e6e9f3}
.si-submit{display:flex;align-items:center;justify-content:center;gap:10px;height:52px;border:0;border-radius:12px;background:var(--accent);color:#fff;font:inherit;font-size:16px;font-weight:600;cursor:pointer;transition:background .15s}
.si-submit:hover{background:var(--accent-ink)}
.si-submit[aria-busy=true]{background:#7d8cf7;cursor:progress}
@keyframes siSpin{to{transform:rotate(360deg)}}
.si-spin{display:none;width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:siSpin .8s linear infinite}
.si-submit[aria-busy=true] .si-spin{display:block}
.si button:focus-visible,.si a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.si-foot{display:flex;flex-direction:column;gap:8px;padding-top:20px;border-top:1px solid #e4e7ef;font-size:14px;color:#5b6480}
.si-foot small{font-size:13px}
@media (max-width:900px){.si-side{display:none}.si-mobile-brand{display:flex}.si-main{align-items:flex-start;padding-top:12vh}}
@media (prefers-reduced-motion:reduce){.si *{animation:none!important}.si-rings span{opacity:.25}}