:root{--vs-gold: #f9d47a;--vs-gold-soft: #fde68a;--vs-border-soft: rgba(148, 163, 184, .35);--vs-text-main: #1b1b1d;--vs-text-sub: #6b7280}.vs-auth-root{min-height:100vh;width:100%;position:relative;overflow:hidden;background:linear-gradient(180deg,#b3b3b5,#9b9ca0 40%,#7c7c80);color:var(--vs-text-main);display:flex;align-items:center;justify-content:center;padding:24px;box-sizing:border-box;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.vs-auth-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 15% 0%,rgba(255,255,255,.3),transparent 60%),radial-gradient(circle at 90% 15%,rgba(246,220,135,.35),transparent 65%)}.vs-side-image{position:absolute;border-radius:26px;background-size:cover;background-position:center;filter:grayscale(10%) brightness(1.05);opacity:.92;border:2px solid rgba(240,215,120,.6);box-shadow:0 24px 60px #00000073;z-index:0}.vs-side-image--left{left:4%;bottom:8%;width:260px;height:200px;background-image:url(/vs-bag-left.jpg)}.vs-side-image--right{right:4%;bottom:12%;width:260px;height:200px;background-image:url(/vs-bag-right.jpg)}@media (max-width: 1024px){.vs-side-image--left{left:2%;bottom:6%;width:210px;height:160px}.vs-side-image--right{right:2%;bottom:8%;width:210px;height:160px}}@media (max-width: 720px){.vs-side-image--left{width:120px;height:90px;left:-10px;bottom:20%;opacity:.85}.vs-side-image--right{width:120px;height:90px;right:-10px;bottom:5%;opacity:.85}.vs-auth-root{padding:16px 10px 20px}}.vs-auth-shell{position:relative;z-index:1;max-width:1120px;width:100%}.vs-header{text-align:center;margin-bottom:24px}.vs-logo-pill{position:relative;display:inline-flex;padding:6px;border-radius:999px;background:radial-gradient(circle at top left,#fef9c3,#fbbf24 45%,#854d0e);box-shadow:0 18px 40px #00000059;overflow:visible}.vs-logo-pill-glow{position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border-radius:999px;background:radial-gradient(circle,rgba(250,250,250,.6),transparent);opacity:.6;filter:blur(14px);pointer-events:none}.vs-logo-pill-inner{position:relative;border-radius:999px;padding:10px 18px;background:linear-gradient(135deg,#fffffff5,#f3f4f6e6);border:1px solid rgba(209,213,219,.9);display:flex;align-items:center;justify-content:center;gap:10px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.vs-logo-img{height:66px;width:auto;object-fit:contain}.vs-header-sub{margin-top:10px;font-size:.9rem;color:#6b7280;font-weight:500;letter-spacing:.06em;text-transform:uppercase}@media (max-width: 720px){.vs-logo-img{height:66px}.vs-header-sub{font-size:.78rem}}.vs-main{display:flex;flex-direction:column;gap:16px}.vs-card{position:relative;border-radius:22px;padding:1px;background:linear-gradient(135deg,#fce7a2,#d6b24e 40%,#9a8033);box-shadow:0 26px 80px #00000059}.vs-card-glow{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(24px);opacity:.55;pointer-events:none}.vs-card-inner{position:relative;z-index:1;border-radius:21px;background:linear-gradient(180deg,#f4f4f6,#dfdfe1 80%);padding:26px 32px 24px;display:grid;grid-template-columns:minmax(0,260px) minmax(0,1fr);gap:32px}@media (max-width: 820px){.vs-card-inner{grid-template-columns:minmax(0,1fr);padding:24px 18px 20px}}.vs-qr-panel{display:flex;flex-direction:column;align-items:center}.vs-qr-frame{width:220px;height:220px;border-radius:20px;background:#fff;border:2px solid #d8d8d8;overflow:hidden;position:relative;box-shadow:0 3px 6px #0000001a;display:flex;align-items:center;justify-content:center}.vs-qr-frame video{object-fit:cover!important;width:100%!important;height:100%!important;display:block}.vs-qr-placeholder{position:relative;width:100%;height:100%;background:radial-gradient(circle at center,#f1f1f3 0,#e4e4e6 70%);display:flex;align-items:center;justify-content:center}.vs-qr-border{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:12px;border:2px solid #38bdf8;box-shadow:0 0 12px #38bdf899}.vs-qr-square{width:96px;height:96px;border-radius:12px;border:4px solid #111827}.vs-qr-square--inner{width:46px;height:46px;border-width:3px;position:absolute}.vs-qr-uploaded{position:relative;width:100%;height:100%;background:#fff;display:flex;align-items:center;justify-content:center}.vs-qr-uploaded img{max-width:100%;max-height:100%;display:block;object-fit:contain;border-radius:10px;position:relative}.vs-qr-border,.vs-qr-square,.vs-qr-square--inner,.vs-qr-overlay-border{position:absolute;border:2px dashed rgba(0,0,0,.2);width:90%;height:90%;top:5%;left:5%;border-radius:12px;pointer-events:none;z-index:2}.vs-qr-overlay-border{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:14px;border:2px solid #38bdf8;box-shadow:0 0 14px #38bdf8a6}.vs-qr-close{position:absolute;top:6px;right:6px;background:#ffffffe6;border:none;border-radius:50%;width:28px;height:28px;font-size:16px;cursor:pointer;z-index:3}.vs-qr-actions{margin-top:14px;display:flex;flex-direction:column;gap:6px;width:100%;align-items:center}.vs-ghost-btn{border-radius:999px;border:1px solid rgba(148,163,184,.9);background:transparent;padding:6px 14px;font-size:.8rem;color:#111827;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .08s ease}.vs-ghost-btn:hover{background:#f3f4f6e6;border-color:var(--vs-gold-soft);transform:translateY(-1px)}.vs-ghost-btn--file input[type=file]{display:none}.vs-scan-status{margin-top:6px;font-size:.72rem;color:var(--vs-text-sub)}.vs-qr-caption{margin-top:18px;text-align:center;font-size:.86rem;color:#111827}.vs-qr-caption span{display:block;font-size:.78rem;color:var(--vs-text-sub);margin-top:2px}.vs-form-panel{display:flex;flex-direction:column;justify-content:center;gap:14px}.vs-field-block{display:flex;flex-direction:column;gap:6px}.vs-field-block--short{margin-top:4px}.vs-field-label{font-size:.85rem;letter-spacing:.04em;text-transform:uppercase;color:#9c8f62}.vs-input{border-radius:999px;border:1px solid rgba(148,163,184,.8);background:#f7f7f8;padding:10px 16px;font-size:.86rem;color:#111827;outline:none;width:100%;box-sizing:border-box}.vs-input::placeholder{color:#94a3b8e6}.vs-input:focus{border-color:#60a5fa;box-shadow:0 0 0 1px #2563eb73}.vs-input--short{max-width:220px;letter-spacing:.16em;text-transform:uppercase}.vs-field-hint{font-size:.75rem;color:var(--vs-text-sub)}.vs-primary-btn{margin-top:10px;width:100%;border-radius:999px;border:none;padding:11px 20px;font-size:.95rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;color:#2d2d2d;background:linear-gradient(180deg,#fce7a2,#d6b24e 60%,#a37c27);box-shadow:0 0 18px #facc158c,0 18px 40px #00000080;transition:transform .08s ease,box-shadow .08s ease,filter .08s ease,opacity .08s ease}.vs-primary-btn:hover:not(:disabled){filter:brightness(1.03);transform:translateY(-1px);box-shadow:0 0 24px #facc15bf,0 22px 46px #0009}.vs-primary-btn:disabled{opacity:.7;cursor:default;box-shadow:0 4px 16px #00000059}.vs-error-msg{margin-top:6px;font-size:.74rem;color:#b45309}.vs-verdict{margin-top:18px;border-radius:16px;padding:14px 18px;background:#fffc;border:1px solid rgba(212,175,55,.7);font-size:.88rem;box-shadow:0 12px 28px #0000001f}.vs-verdict--ok{border-color:#d4af37f2}.vs-verdict--bad{border-color:#d4af378c}.vs-verdict-title{font-weight:600;margin-bottom:2px}.vs-verdict-sub{font-size:.82rem;color:var(--vs-text-sub)}.vs-verdict-reason{margin-top:4px;font-size:.8rem;color:#4b5563}.vs-details{margin-top:10px;font-size:.8rem}.vs-details-title{font-weight:600;margin-bottom:4px;color:var(--vs-text-sub)}.vs-details-pre{margin:0;max-height:200px;overflow:auto;padding:8px 10px;border-radius:10px;background:#f3f4f6e6;border:1px solid var(--vs-border-soft);font-size:.75rem}.vs-product-list{list-style:none;padding:16px 20px;border-radius:12px;background:#fffffff2;box-shadow:0 8px 30px #00000014;border:1px solid var(--vs-border-soft);font-size:.84rem;line-height:1.6;max-width:100%;box-sizing:border-box}.vs-product-item{margin-bottom:10px;word-break:break-word}.vs-product-key{font-weight:600;color:#1f2937;margin-right:4px;display:inline-block;min-width:90px}.vs-product-value{color:#4b5563}@media (max-width: 720px){.vs-product-list{padding:14px 16px;font-size:.8rem}.vs-product-key{display:block;margin-bottom:2px}.vs-product-item{margin-bottom:12px}}.vs-footer{margin-top:18px;text-align:center;font-size:.8rem;color:var(--vs-text-sub)}html,body{margin:0;font-family:Inter,sans-serif;color:#111827;background-color:#f6f4f1;background-image:radial-gradient(circle at 20% 0%,rgba(255,230,200,.35),transparent 55%),radial-gradient(circle at 85% 100%,rgba(230,210,190,.35),transparent 60%),radial-gradient(circle at 0% 100%,rgba(255,240,220,.25),transparent 60%);background-attachment:fixed}.app-root{min-height:100vh}.container{max-width:100%;margin:1.5rem auto 2.5rem;padding:0 1rem}.card{background:#fff;border-radius:22px;padding:1.5rem 1.75rem;margin-bottom:1.25rem;border:1px solid rgba(148,163,184,.16);box-shadow:0 14px 40px #0f172a14,0 0 0 1px #ffffffe6}.header-card{display:flex;flex-direction:column;gap:1.1rem}.brand{display:flex;gap:.9rem;align-items:center}.brand-logo-wrap{width:120px;height:120px;border-radius:32px;background:radial-gradient(circle at 50% 35%,#ffe6b0,#e0b865 62%,#f3ede4);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 26px #0000002e,0 0 0 1px #ffffffe6;flex-shrink:0}.brand-logo{width:90px;height:90px;object-fit:contain;filter:drop-shadow(0 6px 12px rgba(0,0,0,.4)) drop-shadow(0 0 10px rgba(255,220,170,.8))}.brand-text{display:flex;flex-direction:column;gap:.25rem}.brand-title{margin:0;font-family:Cormorant Garamond,serif;font-weight:600;font-size:2.1rem;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a}.header-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;justify-content:space-between}.wallet-status{color:#6b7280;font-size:.85rem}.grid{display:flex;flex-direction:column;gap:1rem;align-items:stretch}.col,.qr-column{display:flex;flex-direction:column;gap:1rem}.card h1,.card h2,.card h3{margin-top:0}.card h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.45rem;color:#1c1c1c}.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-top:.75rem}input{font-family:Inter,sans-serif;font-size:1rem;flex:1 1 100%;min-width:0;padding:.65rem .95rem;border-radius:999px;border:1px solid rgba(148,163,184,.7);background:#fff;color:#111827;outline:none;font-size:.95rem;box-shadow:inset 0 1px 3px #0f172a14;transition:border .15s ease,box-shadow .15s ease,background .15s ease}input::placeholder{color:#9ca3af}input:focus{border-color:#f4c96a;box-shadow:0 0 0 1px #f4c96a8c,inset 0 1px 2px #0f172a0d}button{font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em;flex:1 1 100%;padding:.7rem 1.4rem;border-radius:999px;border:none;background:linear-gradient(135deg,#ffe29f,#f6c453);color:#1f2933;font-weight:700;font-size:.95rem;cursor:pointer;box-shadow:0 8px 18px #e9ba788c,0 0 0 1px #fae6becc;transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 26px #e9ba78b3,0 0 0 1px #f9debde6;filter:brightness(1.04)}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.qr-column img,.qr-column canvas{max-width:100%;height:auto}pre{margin-top:.75rem;padding:.8rem 1rem;background:#f3f4f6;border-radius:14px;border:1px solid rgba(209,213,219,.9);font-size:.8rem;color:#111827;max-height:260px;overflow:auto}.footer{margin-top:1.5rem;font-size:.8rem;color:#6b7280;text-align:center}@media (min-width: 640px){.container{max-width:640px;padding:0 1.25rem 2.75rem}.brand-title{font-size:1.9rem}.row{flex-wrap:nowrap}input{flex:1 1 auto}button{flex:0 0 auto}}@media (min-width: 900px){.container{max-width:1100px;margin-top:2.5rem}.grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1.3fr);gap:1.1rem;align-items:flex-start}.qr-column{margin-top:0}.brand-title{font-size:2rem}}body,html{font-family:Inter,sans-serif;color:#1a1a1a}.brand-title{font-family:Cormorant Garamond,serif;font-weight:600;font-size:2.1rem;letter-spacing:.08em;text-transform:uppercase;color:#1a1a1a}.brand-subtitle{font-family:Inter,sans-serif;font-size:1rem;color:#6b6f75;letter-spacing:.01em}.card h2{font-family:Cormorant Garamond,serif;font-weight:500;font-size:1.45rem;color:#222}input{font-family:Inter,sans-serif;font-size:1rem}button{font-family:Inter,sans-serif;font-weight:600;letter-spacing:.02em}pre{font-family:Inter,monospace}