@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{--bg:#f3f7fc;--ink-strong:#182637;--ink-soft:#566575;--line:#d4e0eb;--display:"Space Grotesk", "Segoe UI", sans-serif;--sans:"Outfit", "Segoe UI", sans-serif;font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:20px;line-height:1.5}*{box-sizing:border-box}body{color:var(--ink-soft);background:radial-gradient(circle at 15% 10%,#ff9a6f40,#0000 32%),radial-gradient(circle at 84% 76%,#64b8ff3d,#0000 30%),linear-gradient(170deg,#f7fbff 0%,#eef5fb 65%,#e9f2fa 100%);margin:0}#root{min-height:100svh}a{color:inherit}h1,h2,h3,h4,p{margin:0}.app-shell{min-height:100svh;padding:28px 22px 48px;position:relative}.app-shell:before,.app-shell:after{content:"";z-index:-1;filter:blur(70px);opacity:.28;border-radius:999px;position:fixed}.app-shell:before{background:#ff8460;width:380px;height:380px;top:-110px;right:-90px}.app-shell:after{background:#3ca8ff;width:320px;height:320px;bottom:-120px;left:-80px}.app-header{justify-content:center;margin-bottom:30px;animation:.55s ease-out riseIn;display:flex}.brand-wrap{border:1px solid var(--line);color:#f6f8ff;background:linear-gradient(120deg,#131926f7,#151f2de0);border-radius:24px;width:min(1080px,100%);padding:30px 34px;box-shadow:0 24px 60px #0d182342}.brand-top-row{justify-content:space-between;align-items:center;gap:10px;display:flex}.header-cart{background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;font-weight:600;display:inline-flex}.cart-count{color:#fff;background:#2ea7ff;border-radius:999px;justify-content:center;align-items:center;min-width:24px;height:24px;font-size:.85rem;display:inline-flex}.brand-kicker{letter-spacing:.16em;text-transform:uppercase;font-family:var(--sans);color:#f6f8ffc2;font-size:11px;display:inline-flex}.brand-title{font-family:var(--display);margin:12px 0 0;font-size:clamp(1.85rem,3vw,2.8rem);font-weight:700;line-height:1.08}.page-wrap{width:min(1080px,100%);margin:0 auto;animation:.65s ease-out riseIn}.panel{border:1px solid var(--line);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(#ffffffd6,#ffffffb8);border-radius:18px;box-shadow:0 18px 48px #101c2917}.panel-body{padding:24px}.headline{color:var(--ink-strong);font-family:var(--display);letter-spacing:-.02em;margin:0;font-size:clamp(1.3rem,2.4vw,1.9rem)}.subtle{color:var(--ink-soft)}.row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.pill{border:1px solid var(--line);color:var(--ink-soft);background:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 12px;font-size:.86rem;display:inline-flex}.btn{font-family:var(--sans);cursor:pointer;border:none;border-radius:12px;padding:10px 15px;font-size:.94rem;font-weight:600;transition:transform .16s,box-shadow .16s,opacity .16s}.btn:disabled{cursor:not-allowed;opacity:.6}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{color:#fff;background:linear-gradient(125deg,#0f6fd9,#2ea7ff);box-shadow:0 12px 28px #1773cd47}.btn-secondary{color:var(--ink-strong);background:#edf4fb;box-shadow:inset 0 0 0 1px #1e67b133}.btn-danger{color:#fff;background:linear-gradient(125deg,#b83131,#d94a4a);box-shadow:0 10px 24px #b9313147}.link-btn{text-decoration:none}.product-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin-top:18px;display:grid}.cart-list{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.product-card{border:1px solid var(--line);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:18px;transition:transform .16s,box-shadow .16s;animation:.52s both riseIn;display:flex}.product-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px #14212f1f}.product-title-link{font-family:var(--display);color:var(--ink-strong);font-size:1.2rem;text-decoration:none}.product-title-link:hover{text-underline-offset:4px;text-decoration:underline}.variants-list{color:var(--ink-soft);gap:4px;margin:0;padding-left:18px;display:grid}.select-grid{grid-template-columns:repeat(3,minmax(140px,1fr));gap:10px;display:grid}.field,.select{border:1px solid var(--line);color:var(--ink-strong);font-size:.94rem;font-family:var(--sans);background:#fff;border-radius:12px;padding:10px 12px}.field-error{background:#fff5f5;border-color:#df4d4d}.field:focus,.select:focus{outline-offset:1px;border-color:#4a97db;outline:2px solid #3288d63d}.form-stack{gap:12px;display:grid}.field-meta{color:var(--ink-soft);margin-top:-6px;font-size:.82rem}.error-summary{color:#812b2b;background:#fff1f1;border:1px solid #f2b5b5;border-radius:12px;padding:10px 12px}.error-summary p{margin-bottom:6px;font-weight:600}.error-summary ul{gap:2px;margin:0;padding-left:18px;display:grid}.variant-box{background:#ecf7ffa6;border:1px dashed #b6d2ec;border-radius:14px;gap:10px;padding:12px;display:grid}.variant-grid{grid-template-columns:repeat(4,minmax(120px,1fr));gap:8px;display:grid}.status{border-radius:999px;padding:8px 12px;font-size:.88rem;font-weight:600;display:inline-flex}.status-ok{color:#0c7347;background:#ddf6eb}.status-bad{color:#933036;background:#fde5e6}.action-group{flex-wrap:wrap;gap:10px;display:flex}.auth-box{width:min(460px,100%);margin:0 auto}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width<=920px){.brand-wrap{padding:24px}.header-cart{font-size:.82rem}.select-grid{grid-template-columns:1fr}.variant-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}}@media (width<=640px){.app-shell{padding:16px 12px 32px}.panel-body{padding:16px}.variant-grid{grid-template-columns:1fr}}