:root{color-scheme:dark;--bg:#070915;--card:rgba(16,22,44,.88);--line:rgba(255,255,255,.14);--text:#f8fbff;--muted:#b9c3df;--gold:#ffd66b;--ok:#8ff0bd;--bad:#ffaaa8}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(circle at top left,#24335f,#070915 58%,#050711);color:var(--text)}body{padding:24px}.shop-shell{width:min(920px,100%);margin:0 auto;display:grid;gap:18px}.hero-card,.check-card,.legal-card{background:var(--card);border:1px solid var(--line);border-radius:28px;padding:clamp(20px,4vw,32px);box-shadow:0 24px 90px rgba(0,0,0,.38);backdrop-filter:blur(12px)}.badge{display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(255,214,107,.45);background:rgba(255,214,107,.12);border-radius:999px;padding:8px 13px;color:#ffe6a4;font-weight:900}h1{font-size:clamp(32px,6vw,58px);line-height:1;margin:18px 0 12px}h2{margin:0 0 10px;font-size:22px}.lead,p{color:var(--muted);line-height:1.55}.package-area{display:grid;gap:10px;margin:24px 0}.package-area label{font-weight:800;color:#fff}select,input{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:#fff;border-radius:16px;padding:13px 14px;font:inherit;outline:none}select:focus,input:focus{border-color:rgba(255,214,107,.7);box-shadow:0 0 0 4px rgba(255,214,107,.1)}.package-info{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pill{border:1px solid var(--line);border-radius:18px;padding:14px;background:rgba(255,255,255,.06)}.pill strong{display:block;font-size:24px}.pill span{color:var(--muted);font-size:14px}.paypal-box{margin:18px 0;min-height:46px}.message{min-height:28px;font-weight:800;color:var(--ok)}.message.error{color:var(--bad)}.code-panel{margin-top:18px;border:1px solid rgba(143,240,189,.42);border-radius:24px;padding:18px;background:rgba(143,240,189,.08)}pre{white-space:pre-wrap;word-break:break-word;margin:12px 0;font-size:clamp(22px,5vw,34px);font-weight:1000;letter-spacing:.06em;color:#fff;background:rgba(0,0,0,.32);border-radius:18px;padding:18px}button{border:0;border-radius:999px;padding:13px 18px;background:linear-gradient(180deg,#ffe38b,#ffc747);color:#251804;font-weight:1000;cursor:pointer}button:hover{filter:brightness(1.05)}.check-form{display:grid;grid-template-columns:1fr auto;gap:10px}.legal-card{font-size:14px}@media(max-width:650px){body{padding:14px}.hero-card,.check-card,.legal-card{border-radius:22px}.package-info{grid-template-columns:1fr}.check-form{grid-template-columns:1fr}button{width:100%}}