@layer components{.ob-page{background:var(--surface);min-height:100dvh;display:flex}.ob-main{width:100%;max-width:1180px;margin:0 auto;overflow:visible}.ob-form{background:var(--surface);flex-direction:column;flex:1;min-width:0;padding:26px 48px;display:flex}.ob-box{flex-direction:column;gap:14px;width:480px;max-width:100%;margin:auto;padding:20px 0;display:flex}.ob-box h1{letter-spacing:-.03em;margin-top:6px;font-size:34px;font-weight:700;line-height:1.08}.fl{display:block;position:relative}.fl .inp{height:48px;padding-right:130px}.fl>span{pointer-events:none;font-size:13px;font-weight:600;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.fl .inp[aria-invalid=true]{border-color:var(--bad)}.optgrid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.addr{min-width:0;display:flex}.addr .inp{border-radius:var(--r-s) 0 0 var(--r-s);border-right:0;flex:1;min-width:0;height:48px}.addr .inp:focus{z-index:1;position:relative}.addr .inp[aria-invalid=true]{border-color:var(--bad)}.addr-sfx{border:1px solid var(--line);border-radius:0 var(--r-s) var(--r-s) 0;background:var(--subtle);font-family:var(--mono);color:var(--muted);white-space:nowrap;align-items:center;padding:0 14px;font-size:13px;display:flex}.addr-st{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;font-size:12.5px;display:flex}.addr-st:empty{display:none}.addr-st.ok{color:var(--ok)}.addr-st.bad{color:var(--bad)}.addr-st .linkbtn{font-size:12.5px}.fld-err{color:var(--bad);margin-top:6px;font-size:12.5px}.ob-alert{background:var(--bad-bg);color:var(--bad);border-radius:10px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13px;line-height:1.45;display:flex}.ob-alert svg.i{flex:none;margin-top:1px}.ob-alert.warn{background:var(--warn-bg);color:var(--warn)}.ob-who{align-items:center;gap:8px;font-size:13px;display:flex}.ob-art{color:#f4f2ed;background:#1e5b4f;border-radius:22px;flex-direction:column;flex:none;justify-content:flex-end;width:560px;height:calc(100dvh - 24px);min-height:560px;margin:12px;padding:48px;display:flex;position:sticky;top:12px;overflow:hidden}.blob{filter:blur(60px);opacity:.9;border-radius:50%;position:absolute}.blob.b1{background:#9fc4d3;width:70%;height:60%;animation:16s ease-in-out infinite alternate float1;top:-10%;left:-10%}.blob.b2{opacity:.5;background:#f6d98a;width:60%;height:55%;animation:19s ease-in-out infinite alternate float2;top:20%;right:-15%}.blob.b3{background:#2f6a5b;width:80%;height:60%;animation:14s ease-in-out infinite alternate float3;bottom:-25%;left:10%}@keyframes float1{to{transform:translate(18%,22%)scale(1.15)}}@keyframes float2{to{transform:translate(-25%,18%)scale(.9)}}@keyframes float3{to{transform:translate(-12%,-18%)scale(1.1)}}.grain{opacity:.25;mix-blend-mode:overlay;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.art-in{flex-direction:column;gap:20px;display:flex;position:relative}.art-in h2{letter-spacing:-.03em;font-size:36px;font-weight:700;line-height:1.1}.art-chip{font-family:var(--mono);background:#f4f2ed24;border:1px solid #f4f2ed40;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:7px 12px;font-size:12.5px;display:inline-flex}.art-chip i{background:#9fd8c4;border-radius:50%;width:8px;height:8px}.art-li{color:#e3efea;align-items:center;gap:12px;font-size:15px;display:flex}.art-li span{background:#f4f2ed29;border-radius:8px;flex:none;place-items:center;width:28px;height:28px;display:grid}.art-li svg.i{width:15px;height:15px}.pay-grid{grid-template-columns:minmax(0,1fr) 460px;align-items:start;gap:28px;display:grid}.pay-side{flex-direction:column;gap:20px;min-width:0;display:flex;position:sticky;top:24px}.pay-sum{flex-direction:column;gap:16px;padding:20px 22px;display:flex}.ps-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.ps-name{letter-spacing:-.02em;margin-top:4px;font-size:22px;font-weight:700}.ps-cyc{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.ps-rows .kv{padding:8px 0}.cyc{border:1px solid var(--line);background:var(--subtle);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.cyc button{height:32px;color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.cyc button[aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-1)}.cyc em{color:var(--ok);font-size:11px;font-style:normal}.total{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;padding-top:14px;display:flex}.total b{letter-spacing:-.02em;font-size:28px}.cc-scene{perspective:1200px;aspect-ratio:400/246;width:400px;max-width:100%}.cc{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s var(--ease);position:relative}.cc.flip{transform:rotateY(180deg)}.cc-face{backface-visibility:hidden;color:#f4f2ed;background:radial-gradient(120% 140% at 88% -12%,#3fa88b 0%,#0000 42%),radial-gradient(90% 120% at 8% 125%,#6b4fa6 0%,#0000 50%),linear-gradient(135deg,#10231e,#1b1f24);border-radius:18px;flex-direction:column;justify-content:space-between;padding:22px 24px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -28px #0009}.cc-back{justify-content:flex-start;padding:0;transform:rotateY(180deg)}.cc-top{justify-content:space-between;align-items:center;display:flex}.cc-top b{align-items:center;gap:8px;font-size:15px;display:flex}.cc-chip{background:linear-gradient(135deg,#e8cf8a,#b8954a);border-radius:6px;flex:none;width:40px;height:30px;position:relative}.cc-chip:after{content:"";border:1px solid #00000040;border-radius:3px;position:absolute;inset:7px 12px}.cc-num{font-family:var(--mono);letter-spacing:.06em;white-space:nowrap;font-size:22px}.cc-row{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.cc-row small{letter-spacing:.12em;text-transform:uppercase;opacity:.7;margin-bottom:3px;font-size:10px;display:block}.cc-row b{letter-spacing:.04em;text-transform:uppercase;font-size:14px;font-weight:600}.cc-stripe{background:#0b0d0c;height:46px;margin-top:26px}.cc-sig{color:#17171b;height:42px;font-family:var(--mono);background:repeating-linear-gradient(135deg,#e9e6dd 0 6px,#ddd9ce 6px 12px);border-radius:6px;justify-content:flex-end;align-items:center;margin:18px 24px 0;padding:0 12px;font-size:15px;display:flex}.cc-backnote{opacity:.6;margin:12px 24px 0;font-size:10.5px}.glass-wrap{background:radial-gradient(70% 60% at 15% 5%,color-mix(in srgb,var(--acc) 38%,transparent),transparent 70%),radial-gradient(60% 60% at 95% 95%,#6b4fa64d,transparent 70%),var(--sunken);border-radius:20px;padding:14px;position:relative;overflow:hidden}.glass{background:color-mix(in srgb,var(--surface) 74%,transparent);-webkit-backdrop-filter:blur(18px)saturate(160%);border:1px solid color-mix(in srgb,var(--surface) 60%,transparent);box-shadow:var(--shadow-2);border-radius:16px;flex-direction:column;gap:12px;padding:20px 22px;display:flex;position:relative}.glass h3{letter-spacing:-.01em;font-size:18px;font-weight:700}.pm{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pm button{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:6px;height:44px;font-size:13px;font-weight:700;display:flex}.pm button svg.i{width:18px;height:18px}.pm button[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fi{display:block;position:relative}.fi>svg.i{width:16px;height:16px;color:var(--muted);position:absolute;top:12px;left:12px}.fi .inp{font-variant-numeric:tabular-nums;padding-left:38px}.two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.secure{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex}.secure svg.i{width:13px;height:13px}.processing{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:430px;display:flex}.processing b{font-size:17px}.glass-cover{z-index:2;background:color-mix(in srgb,var(--surface) 92%,transparent);border-radius:16px;min-height:0;position:absolute;inset:0}.testmode{border:1px dashed var(--warn);background:var(--warn-bg);color:var(--warn);border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.45;display:flex}.testmode b{font-weight:700}.testmode svg.i{flex:none;width:15px;height:15px;margin-top:1px}.testmode>span{flex:1;min-width:0}.tm-card{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.tm-copy{vertical-align:middle;border:1px solid color-mix(in srgb,var(--warn) 45%,transparent);border-radius:var(--r-pill);background:var(--surface);height:24px;color:var(--warn);white-space:nowrap;align-items:center;gap:5px;margin-left:6px;padding:0 9px;font-size:12px;font-weight:700;transition:border-color .15s;display:inline-flex}.tm-copy:hover{border-color:var(--warn)}.tm-copy:focus-visible{outline:2px solid var(--acc);outline-offset:2px}.testmode .tm-copy svg.i{width:13px;height:13px;margin:0}.ticket-wrap{flex-direction:column;align-items:center;gap:18px;padding:4px 0 40px;display:flex;position:relative}.ticket{background:var(--surface);width:410px;max-width:100%;box-shadow:var(--shadow-3);border:1px solid var(--line);animation:tin .5s var(--ease);border-radius:18px;position:relative;overflow:hidden}.tk-top{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 28px 20px;display:flex}.tk-top h2{letter-spacing:-.02em;font-size:24px;font-weight:700}.tk-top p{color:var(--muted);font-size:14px}.tk-check{background:var(--ok-bg);width:58px;height:58px;color:var(--ok);animation:spop .5s .1s var(--ease) both;border-radius:50%;place-items:center;display:grid}.tk-check svg.i{stroke-width:2.4px;width:28px;height:28px}.tk-perf{border-top:2px dashed var(--line);height:0;margin:0 22px;position:relative}.tk-perf:before,.tk-perf:after{content:"";background:var(--bg);border:1px solid var(--line);border-radius:50%;width:22px;height:22px;position:absolute;top:-12px}.tk-perf:before{left:-34px}.tk-perf:after{right:-34px}.tk-grid{grid-template-columns:1fr 1fr;gap:14px 16px;padding:20px 28px;display:grid}.tk-grid small{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700;display:block}.tk-grid b{font-size:15px}.tk-card{background:var(--subtle);border-radius:12px;align-items:center;gap:12px;margin:0 28px 20px;padding:12px 14px;display:flex}.tk-card .cc-chip{width:34px;height:24px}.tk-bar{color:var(--ink);flex-direction:column;align-items:center;gap:8px;padding:18px 28px 22px;display:flex}.tk-bar svg{max-width:100%;height:auto}.tk-bar span{font-family:var(--mono);letter-spacing:.32em;color:var(--muted);font-size:12px}.confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.confetti i{width:7px;height:11px;animation:fall 1.6s var(--ease) forwards;border-radius:2px;position:absolute;top:-12px}@keyframes fall{0%{opacity:1;transform:translateY(0)rotate(0)}to{opacity:0;transform:translateY(520px)rotate(540deg)}}.cs-card{flex-direction:column;gap:18px;padding:28px;display:flex}.cs-pair{justify-content:center;align-items:center;gap:14px;display:flex}.cs-pair .tile{border-radius:14px}.cs-link{color:var(--faint);gap:5px;display:flex}.cs-link i{background:currentColor;border-radius:50%;width:5px;height:5px}.cs-card h1{letter-spacing:-.02em;text-align:center;margin:0;font-size:24px;font-weight:700;line-height:1.2}.cs-can{border:1px solid var(--line);background:var(--subtle);border-radius:12px;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.cs-can .chk{font-size:13.5px}.cs-ws input{opacity:0;pointer-events:none;position:absolute}.cs-ws .wsopt{cursor:pointer}.cs-ws .wsopt:has(input:focus-visible){outline:2px solid var(--acc);outline-offset:2px}.cs-radio{border:1.5px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:18px;height:18px;display:grid}.wsopt.on .cs-radio{border-color:var(--acc)}.wsopt.on .cs-radio:after{content:"";background:var(--acc);border-radius:50%;width:8px;height:8px}.cs-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:1100px){.ob-art{width:420px;padding:36px}.art-in h2{font-size:30px}.pay-grid{grid-template-columns:minmax(0,1fr) minmax(0,420px);gap:20px}}@media (max-width:860px){.ob-art{display:none}.ob-form{padding:20px 16px}.ob-box h1{font-size:28px}.pay-grid{grid-template-columns:minmax(0,1fr);gap:16px}.pay-side{position:static}.glass-wrap{background:0 0;border-radius:16px;padding:0;overflow:visible}.glass{background:var(--surface);border-color:var(--line);box-shadow:var(--shadow-1);-webkit-backdrop-filter:none;padding:18px 16px}.pay-sum{padding:16px}.cc-num{font-size:18px}.cs-card{padding:20px}}@media (max-width:480px){.optgrid,.cs-actions{grid-template-columns:1fr}.fl>span{font-size:12px}.cc-face{padding:16px 18px}.cc-num{font-size:15px}.tk-grid,.tk-top{padding-left:20px;padding-right:20px}.tk-card{margin:0 20px 20px}}.linkbtn{color:var(--acc);font-weight:600;text-decoration:underline}.social{grid-template-columns:1fr 1fr;gap:10px;margin-top:6px;display:grid}.soc{border:1px solid var(--line);background:var(--surface);border-radius:10px;justify-content:center;align-items:center;gap:10px;height:44px;font-size:14px;font-weight:600;transition:border-color .15s;display:flex}.soc:hover{border-color:var(--ink)}.or{color:var(--muted);align-items:center;gap:12px;font-size:12px;display:flex}.or:before,.or:after{content:"";border-top:1px solid var(--line);flex:1}}