:root{--stage-1: #2a1247;--stage-2: #150a24;--stage-3: #08060c;--panel: #ede9f4;--ink: #241a36;--ink-strong: #1c1428;--ink-head: #2c2140;--muted: rgba(36, 26, 54, .62);--muted-2: rgba(36, 26, 54, .45);--purple: #723abf;--purple-2: #9d6be6;--purple-soft: rgba(157, 107, 230, .14);--purple-line: rgba(114, 58, 191, .18);--glass: rgba(255, 255, 255, .5);--glass-solid: rgba(255, 255, 255, .74);--glass-line: rgba(255, 255, 255, .72);--danger: #bf2a4a;--danger-ink: #8e1f38;--danger-bg: rgba(191, 42, 74, .08);--danger-line: rgba(191, 42, 74, .2);--ok: #1c7a55;--ok-bg: rgba(28, 122, 85, .09);--ok-line: rgba(28, 122, 85, .2);--warn: #9a5b16;--warn-bg: rgba(200, 130, 30, .1);--warn-line: rgba(200, 130, 30, .24);--radius-card: 22px;--radius-field: 14px;--shadow-card: 0 24px 70px rgba(40, 20, 80, .13);--shadow-card-lg: 0 32px 90px rgba(40, 20, 80, .2);--font-body: Inter, Pretendard, -apple-system, "Segoe UI", sans-serif;--font-head: "Space Grotesk", Pretendard, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}body{font-family:var(--font-body);background:var(--stage-3);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit}.stage{position:relative;min-height:100vh;padding:clamp(10px,3.4vw,54px);overflow:hidden;overflow:clip;background:radial-gradient(120% 90% at 50% 118%,var(--stage-1) 0%,var(--stage-2) 42%,var(--stage-3) 100%)}.stage-glow{position:absolute;inset:-14%;pointer-events:none}.stage-glow span{position:absolute;display:block;border-radius:50%}.stage-glow .g1{left:4%;top:54%;width:64%;height:76%;filter:blur(150px);background:radial-gradient(circle at 50% 50%,#723abf9e,#723abf00 70%);animation:driftB 46s ease-in-out infinite alternate}.stage-glow .g2{left:44%;top:62%;width:56%;height:68%;filter:blur(160px);background:radial-gradient(circle at 50% 50%,#9d6be675,#9d6be600 72%);animation:driftC 58s ease-in-out infinite alternate}.stage-glow .g3{left:-10%;top:-8%;width:58%;height:66%;filter:blur(170px);background:radial-gradient(circle at 50% 50%,#5a2c9e80,#5a2c9e00 72%);animation:driftA 64s ease-in-out infinite alternate}.stage-glow .g4{left:52%;top:-14%;width:60%;height:62%;filter:blur(180px);background:radial-gradient(circle at 50% 50%,#9d6be652,#9d6be600 74%);animation:driftD 52s ease-in-out infinite alternate}.panel{position:relative;display:flex;flex-direction:column;min-height:calc(100vh - clamp(20px,6.8vw,108px));border-radius:clamp(14px,1.4vw,20px);overflow:hidden;overflow:clip;background:var(--panel);box-shadow:0 50px 120px #06030cb8,0 0 0 1px #9d6be629}.mesh{position:absolute;inset:0;pointer-events:none;animation:meshSpin 40s linear infinite}.mesh span{position:absolute;display:block;border-radius:50%;will-change:transform,opacity}.mesh .m1{left:-8%;top:34%;width:62%;height:74%;filter:blur(120px);opacity:.9;background:radial-gradient(circle at 50% 50%,#c99be8,#c99be800 70%);animation:swirlA 9s ease-in-out infinite}.mesh .m2{left:18%;top:56%;width:56%;height:68%;filter:blur(130px);opacity:.85;background:radial-gradient(circle at 50% 50%,#9d6be6,#9d6be600 72%);animation:swirlB 12s ease-in-out infinite,meshPulse 6s ease-in-out infinite}.mesh .m3{left:48%;top:40%;width:48%;height:58%;filter:blur(140px);opacity:.75;background:radial-gradient(circle at 50% 50%,#a9c0ee,#a9c0ee00 72%);animation:swirlC 11s ease-in-out infinite}.mesh .m4{left:58%;top:62%;width:56%;height:66%;filter:blur(130px);opacity:.8;background:radial-gradient(circle at 50% 50%,#efb9a2,#efb9a200 72%);animation:swirlD 13s ease-in-out infinite,meshPulse 8s ease-in-out infinite}.mesh .m5{left:24%;top:-18%;width:52%;height:60%;filter:blur(120px);opacity:.7;background:radial-gradient(circle at 50% 50%,#b98bef,#b98bef00 72%);animation:swirlC 15s ease-in-out infinite reverse}.mesh .m6{left:-4%;top:66%;width:46%;height:54%;filter:blur(110px);opacity:.65;background:radial-gradient(circle at 50% 50%,#f0c9b5,#f0c9b500 72%);animation:swirlA 17s ease-in-out infinite reverse,meshPulse 10s ease-in-out infinite}.sheen{position:absolute;left:50%;top:50%;width:190%;height:190%;margin:-95% 0 0 -95%;pointer-events:none;mix-blend-mode:soft-light;opacity:.55;will-change:transform;background:conic-gradient(from 0deg,#fff0,#ffffff8c 40deg,#fff0 110deg,#c99be873,#fff0 270deg,#a9c0ee66 320deg,#fff0 360deg);animation:meshSpin 22s linear infinite}.panel>.tint{position:absolute;inset:0 0 auto;height:320px;pointer-events:none;background:radial-gradient(90% 100% at 18% 0%,#9d6be633,#9d6be600 72%),radial-gradient(70% 90% at 88% 0%,#a9c0ee33,#a9c0ee00 74%)}@keyframes driftA{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(12%,-7%,0) scale(1.18)}to{transform:translate3d(-6%,5%,0) scale(1.05)}}@keyframes driftB{0%{transform:translateZ(0) scale(1.08)}50%{transform:translate3d(-14%,6%,0) scale(1)}to{transform:translate3d(7%,-8%,0) scale(1.16)}}@keyframes driftC{0%{transform:translateZ(0) scale(1)}50%{transform:translate3d(9%,9%,0) scale(1.22)}to{transform:translate3d(-10%,-4%,0) scale(1.04)}}@keyframes driftD{0%{transform:translateZ(0) scale(1.12)}50%{transform:translate3d(-8%,-10%,0) scale(1)}to{transform:translate3d(5%,7%,0) scale(1.14)}}@keyframes swirlA{0%{transform:translate3d(-6%,4%,0) scale(1)}33%{transform:translate3d(20%,-14%,0) scale(1.34)}66%{transform:translate3d(-16%,10%,0) scale(.94)}to{transform:translate3d(-6%,4%,0) scale(1)}}@keyframes swirlB{0%{transform:translate3d(8%,-6%,0) scale(1.2)}33%{transform:translate3d(-22%,12%,0) scale(.9)}66%{transform:translate3d(14%,-16%,0) scale(1.28)}to{transform:translate3d(8%,-6%,0) scale(1.2)}}@keyframes swirlC{0%{transform:translateZ(0) scale(1.05)}33%{transform:translate3d(16%,18%,0) scale(1.36)}66%{transform:translate3d(-18%,-8%,0) scale(.96)}to{transform:translateZ(0) scale(1.05)}}@keyframes swirlD{0%{transform:translate3d(4%,8%,0) scale(1.16)}33%{transform:translate3d(-14%,-18%,0) scale(.92)}66%{transform:translate3d(18%,10%,0) scale(1.3)}to{transform:translate3d(4%,8%,0) scale(1.16)}}@keyframes meshSpin{to{transform:rotate(360deg)}}@keyframes meshPulse{0%,to{opacity:.55}50%{opacity:.95}}@media(prefers-reduced-motion:reduce){.mesh,.mesh span,.stage-glow span,.sheen{animation:none}}.topbar{position:relative;display:flex;align-items:center;gap:20px;padding:clamp(16px,2.2vw,26px) clamp(18px,2.8vw,40px);border-bottom:1px solid rgba(114,58,191,.12)}.topbar nav{display:flex;gap:4px;flex:1;overflow-x:auto}.topbar nav a{color:var(--muted);text-decoration:none;font-size:13.5px;font-weight:500;padding:8px 13px;border-radius:999px;white-space:nowrap;transition:.15s}.topbar nav a:hover{background:#ffffff8c;color:var(--ink-strong)}.topbar nav a.active{background:var(--purple);color:#f4f5f6}.topbar .who{font-size:12.5px;color:var(--muted);white-space:nowrap}.langswitch{display:flex;align-items:center;gap:3px;padding:3px;border-radius:999px;background:#ffffff80;border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.langswitch button{padding:6px 13px;border:0;border-radius:999px;background:transparent;cursor:pointer;font-family:var(--font-head);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--muted);transition:.16s}.langswitch button:hover{background:#ffffffb3;color:var(--ink-strong)}.langswitch button.on{background:var(--purple);color:#f4f5f6}.linkbtn{background:#ffffff80;border:1px solid var(--glass-line);color:var(--muted);font-size:12.5px;padding:7px 14px;border-radius:999px;cursor:pointer;transition:.16s}.linkbtn:hover{color:var(--ink-strong);background:#ffffffc7}.page{position:relative;width:100%;max-width:1240px;margin:0 auto;padding:clamp(22px,3vw,34px) clamp(16px,2.8vw,40px) 70px}.page.narrow{max-width:780px}.pagehead{margin-bottom:22px}.pagehead h1{font-family:var(--font-head);font-size:clamp(24px,2.6vw,32px);font-weight:400;letter-spacing:-.01em;color:var(--ink-head);line-height:1.15}.pagehead p{color:var(--muted);font-size:14px;margin-top:8px;line-height:1.62;max-width:72ch;font-weight:300}.pagehead .crumb{font-size:12.5px;color:var(--muted-2);margin-bottom:8px}.pagehead .crumb a{color:var(--purple);text-decoration:none;font-weight:500}.card-panel{background:var(--glass-solid);border:1px solid var(--glass-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:clamp(18px,2.2vw,26px)}.card-panel+.card-panel{margin-top:18px}.card-panel h2{font-family:var(--font-head);font-size:17px;font-weight:500;color:var(--ink-head);margin-bottom:14px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.row.end{justify-content:flex-end}.grow{flex:1}label.field{display:block;margin-bottom:14px}label.field>span{display:block;font-size:11px;font-weight:500;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;text-transform:uppercase}input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=date],select,textarea{width:100%;height:46px;padding:0 16px;border:1px solid var(--purple-line);border-radius:var(--radius-field);background:#ffffffa8;font-family:inherit;font-size:14.5px;color:var(--ink);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}textarea{height:auto;min-height:104px;padding:13px 16px;resize:vertical;line-height:1.6}input::placeholder,textarea::placeholder{color:#3c345057}input:focus,select:focus,textarea:focus{outline:none;border-color:#723abf99;background:#fff;box-shadow:0 0 0 4px #9d6be629}input[type=file]{height:auto;padding:11px 14px}input[type=checkbox]{width:auto;height:auto}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;text-decoration:none;font-family:inherit;font-size:14px;font-weight:500;letter-spacing:.02em;padding:12px 20px;border-radius:var(--radius-field);cursor:pointer;border:1px solid transparent;transition:.16s}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-primary{background:var(--purple);color:#f4f5f6;box-shadow:0 12px 28px #723abf47}.btn-primary:hover:not(:disabled){background:var(--purple-2);transform:translateY(-1px);box-shadow:0 16px 34px #723abf5c}.btn-primary:active{transform:translateY(0)}.btn-navy{background:var(--ink-strong);color:#f4f5f6}.btn-navy:hover:not(:disabled){background:#2e2340}.btn-soft{background:var(--purple-soft);color:var(--purple);border-color:var(--purple-line)}.btn-soft:hover:not(:disabled){background:#9d6be638}.btn-ghost{background:#ffffff9e;color:var(--ink);border-color:var(--glass-line)}.btn-ghost:hover:not(:disabled){background:#fff}.btn-danger{background:var(--danger-bg);color:var(--danger-ink);border-color:var(--danger-line)}.btn-danger:hover:not(:disabled){background:#bf2a4a24}.btn-sm{padding:7px 13px;font-size:12.5px;border-radius:10px}.btn:focus-visible{outline:2px solid var(--ink-strong);outline-offset:3px}.notice{padding:13px 15px;border-radius:12px;font-size:13.5px;line-height:1.55}.notice.info{background:var(--purple-soft);color:#4b2b86;border:1px solid var(--purple-line)}.notice.warn{background:var(--warn-bg);color:var(--warn);border:1px solid var(--warn-line)}.notice.err{background:var(--danger-bg);color:var(--danger-ink);border:1px solid var(--danger-line)}.notice.ok{background:var(--ok-bg);color:var(--ok);border:1px solid var(--ok-line)}.pill{display:inline-block;font-family:var(--font-head);font-size:11px;font-weight:500;letter-spacing:.06em;padding:5px 11px;border-radius:999px;background:var(--purple-soft);color:var(--purple);white-space:nowrap}.pill.navy{background:#1c142814;color:var(--ink-strong)}.pill.ok{background:var(--ok-bg);color:var(--ok)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.grey{background:#241a3612;color:var(--muted)}.muted{color:var(--muted);font-size:13.5px;font-weight:300}.empty{text-align:center;color:var(--muted);padding:52px 20px;font-size:14px;font-weight:300}.tablewrap{overflow-x:auto;border:1px solid var(--glass-line);border-radius:var(--radius-card);background:var(--glass-solid);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card)}table.data{width:100%;border-collapse:collapse;font-size:13.5px;min-width:640px}table.data th,table.data td{padding:12px 14px;text-align:left;border-bottom:1px solid rgba(114,58,191,.1);white-space:nowrap}table.data th{background:#ffffff80;color:var(--muted);font-weight:500;font-size:10.5px;letter-spacing:.12em;text-transform:uppercase;position:sticky;top:0}table.data tbody tr:hover{background:#ffffff8c}table.data td.num,table.data th.num{text-align:right;font-variant-numeric:tabular-nums}table.data tfoot td{font-weight:600;background:#ffffff8c;color:var(--ink-head)}table.data input,table.data select{height:34px;font-size:12.5px;padding:0 10px;border-radius:9px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(268px,1fr));gap:20px}.card{background:var(--glass-solid);border:1px solid var(--glass-line);border-radius:var(--radius-card);overflow:hidden;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s,border-color .18s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-lg)}.card.picked{border-color:var(--purple-2);box-shadow:0 0 0 2px #9d6be666,var(--shadow-card-lg)}.card .photo{position:relative;aspect-ratio:1/1;overflow:hidden;background:#723abf14;cursor:pointer}.card .photo img{width:100%;height:100%;object-fit:cover;display:block}.card .photo .ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#723abf59;font-family:var(--font-head);font-size:34px;font-weight:500}.pricetag{position:absolute;top:12px;right:12px;background:var(--purple);color:#f4f5f6;font-family:var(--font-head);font-weight:500;font-size:14px;padding:6px 13px;border-radius:999px;box-shadow:0 6px 18px #723abf66}.plat{position:absolute;top:12px;left:12px;background:#1c14288c;color:#f4f5f6;font-size:10.5px;font-weight:500;letter-spacing:.06em;padding:5px 11px;border-radius:999px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pickmark{position:absolute;inset:0;background:#723abf3d;display:flex;align-items:center;justify-content:center}.pickmark span{background:var(--purple);color:#fff;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;box-shadow:0 8px 22px #723abf80}.card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:8px;flex:1}.card .name{font-family:var(--font-head);font-size:17px;font-weight:500;color:var(--ink-head);display:flex;align-items:center;gap:8px}.nobadge{background:#1c142814;color:var(--ink-strong);font-family:var(--font-mono);font-size:11px;min-width:26px;height:22px;padding:0 7px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.card .loc{font-size:13px;color:var(--muted);font-weight:300;display:flex;align-items:center;gap:5px}.card .stats{display:flex;gap:16px;margin:2px 0 4px;font-size:13px;color:var(--muted);font-weight:300}.card .stats b{color:var(--ink-head);font-family:var(--font-head);font-size:15px;font-weight:500}.card .actions{display:flex;gap:8px;margin-top:auto;padding-top:6px}.card .actions .btn{flex:1;padding:10px 8px;font-size:13px}.camp-list{display:flex;flex-direction:column;gap:16px}.camp-row{position:relative;display:flex;align-items:center;gap:clamp(18px,2.4vw,36px);padding:clamp(20px,2.2vw,26px) clamp(20px,2.4vw,30px);padding-left:clamp(26px,2.8vw,38px);background:var(--glass-solid);border:1px solid var(--glass-line);border-radius:var(--radius-card);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;flex-wrap:wrap;transition:transform .18s,box-shadow .18s}.camp-row:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-lg)}.camp-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,var(--purple-2),var(--purple))}.camp-row.is-draft:before{background:#241a362e}.camp-row.is-done:before{background:linear-gradient(180deg,#7fc3a4,var(--ok))}.camp-main{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:7px}.camp-main .toprow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.camp-main h2{font-family:var(--font-head);font-weight:400;font-size:clamp(19px,1.9vw,24px);line-height:1.2;letter-spacing:-.01em;color:var(--ink-head);margin:0}.camp-main .product{font-size:13.5px;font-weight:300;color:var(--muted)}.camp-stats{display:flex;gap:clamp(20px,2.6vw,40px);flex:0 0 auto;flex-wrap:wrap}.camp-stats .s{display:flex;flex-direction:column;gap:3px}.camp-stats .s span{font-size:10.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.camp-stats .s b{font-family:var(--font-head);font-weight:500;font-size:clamp(17px,1.7vw,21px);color:var(--ink-head);font-variant-numeric:tabular-nums}.camp-actions{display:flex;gap:8px;flex:0 0 auto;flex-wrap:wrap}@media(max-width:720px){.camp-row{align-items:flex-start}.camp-actions{width:100%}.camp-actions .btn{flex:1}}.sel-layout{display:grid;grid-template-columns:1fr 320px;gap:22px;align-items:start}.cart{position:sticky;top:20px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:thin}.cart .budgetbox{border-bottom:1px solid rgba(114,58,191,.14);padding-bottom:14px;margin-bottom:12px}.cart .brow{display:flex;justify-content:space-between;font-size:13.5px;padding:5px 0;color:var(--muted)}.cart .brow b{font-variant-numeric:tabular-nums;color:var(--ink-head);font-family:var(--font-head);font-weight:500}.cart .brow.total b{font-size:17px}.cart .brow.rem b{color:var(--ok);font-size:17px}.cart .brow.rem.over b{color:var(--danger)}.cart .bar{height:8px;border-radius:999px;background:#723abf1f;overflow:hidden;margin:10px 0 4px}.cart .bar>div{height:100%;background:linear-gradient(90deg,var(--purple-2),var(--purple));transition:width .25s}.cart .bar.over>div{background:linear-gradient(90deg,#e2718c,var(--danger))}.cart ul{list-style:none;max-height:320px;overflow-y:auto;margin:0 -4px}.cart li{display:flex;align-items:center;gap:9px;padding:8px 4px;border-bottom:1px solid rgba(114,58,191,.08);font-size:13px}.cart li img{width:34px;height:34px;border-radius:9px;object-fit:cover;flex-shrink:0;background:#723abf1a}.cart li .n{flex:1;font-weight:500;color:var(--ink-head);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cart li .p{font-variant-numeric:tabular-nums;color:var(--muted)}.cart li button{background:none;border:none;color:var(--muted-2);cursor:pointer;font-size:17px;line-height:1;padding:0 2px}.cart li button:hover{color:var(--danger)}.steps{display:flex;align-items:center;margin:4px 0 2px}.steps .dot{width:11px;height:11px;border-radius:50%;background:#723abf33;flex-shrink:0;border:2px solid transparent}.steps .dot.done{background:var(--purple)}.steps .dot.now{background:var(--purple);box-shadow:0 0 0 4px #9d6be640;width:13px;height:13px}.steps .seg{height:3px;flex:1;background:#723abf24}.steps .seg.done{background:var(--purple)}.steplabel{font-family:var(--font-head);font-size:12.5px;color:var(--purple);font-weight:500}.ov{position:fixed;inset:0;background:#0c0616b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;padding:24px;z-index:60}.modal{background:#f7f5fb;border:1px solid var(--glass-line);border-radius:var(--radius-card);max-width:560px;width:100%;max-height:90vh;overflow:auto;padding:24px;box-shadow:0 40px 100px #06030c80}.modal.wide{max-width:840px}.modal h3{font-family:var(--font-head);color:var(--ink-head);font-size:19px;font-weight:500;margin-bottom:4px}.modal .sub{color:var(--muted);font-size:13px;margin-bottom:16px;font-weight:300}.modal img.aud{width:100%;border-radius:12px;border:1px solid var(--purple-line);margin-bottom:10px}.modal .close{float:right;cursor:pointer;font-size:24px;color:var(--muted-2);line-height:1;border:none;background:none;padding:0 2px}.login-center{position:relative;flex:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(32px,5vw,88px);padding:clamp(24px,4vw,48px) clamp(14px,3vw,40px)}.welcome{flex:1 1 340px;max-width:560px;display:flex;flex-direction:column;gap:clamp(16px,1.8vw,22px)}.welcome h2{font-family:var(--font-head);font-weight:400;font-size:clamp(28px,3.4vw,44px);line-height:1.22;letter-spacing:-.015em;color:var(--ink);text-wrap:pretty}.welcome p{max-width:46ch;text-wrap:pretty}.welcome .lede{font-size:clamp(14px,1.1vw,16px);line-height:1.62;color:#241a36bd}.welcome .detail{font-size:clamp(13px,1vw,15px);font-weight:300;line-height:1.68;color:#241a3699}.loginbox{flex:0 1 452px;width:min(452px,100%);padding:clamp(28px,4.4vw,50px) clamp(22px,3.8vw,46px) clamp(26px,3.6vw,40px);border-radius:clamp(20px,2.2vw,30px);background:var(--glass);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);box-shadow:0 32px 90px #28145033;display:flex;flex-direction:column;gap:clamp(24px,3vw,30px)}.loginbox .head{display:flex;flex-direction:column;gap:9px}.loginbox h1{font-family:var(--font-head);font-weight:400;font-size:clamp(34px,5vw,46px);line-height:1.08;letter-spacing:-.01em;color:var(--ink-head)}.loginbox .head p{font-size:14px;font-weight:300;line-height:1.5;color:#2c2140ad}.loginbox .fields{display:flex;flex-direction:column;gap:18px}.loginbox label.field{margin-bottom:0}.loginbox .actions{display:flex;flex-direction:column;gap:16px}.loginbox .submit{width:100%;min-height:54px;font-size:15px}.loginbox .note{text-align:center;font-size:13px;font-weight:300;line-height:1.5;color:#2c214099;text-wrap:pretty}.foot{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(16px,2vw,30px) clamp(18px,2.8vw,40px)}.foot span{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:#2c214057}.demobar{position:relative;background:var(--warn-bg);color:var(--warn);border-bottom:1px solid var(--warn-line);padding:9px clamp(18px,2.8vw,40px);display:flex;align-items:center;gap:12px;font-size:12.5px;flex-wrap:wrap}.demobar .langswitch{background:#ffffff8c;border-color:var(--warn-line)}.demobar .langswitch button{color:var(--warn)}.demobar .linkbtn{border-color:var(--warn-line);color:var(--warn)}.checkline{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--muted)}.checkline input{width:auto;height:auto}pre.copybox{background:#fff9;border:1px solid var(--purple-line);border-radius:12px;padding:15px;font-size:12.5px;line-height:1.7;max-height:340px;overflow:auto;white-space:pre-wrap;font-family:var(--font-mono);color:var(--ink)}.progressbar{height:6px;background:#723abf24;border-radius:999px;overflow:hidden;margin-top:8px}.progressbar>div{height:100%;background:var(--purple);transition:width .2s}@media(max-width:900px){.sel-layout{grid-template-columns:1fr}.cart{position:static}}@media(max-width:560px){.grid{grid-template-columns:1fr}.topbar{flex-wrap:wrap;gap:10px}.stage{padding:10px}.panel{min-height:calc(100vh - 20px)}}