:root{--color-primary:#8225a4;--color-primary-soft:#cba9d7;--color-bg:#9f5dba;--color-text:#f8f4fb;--color-muted:#f8f4fbb8;--radius:14px;--font:system-ui, "Segoe UI", Roboto, Ubuntu, Cantarell, sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%;font-family:var(--font);background:radial-gradient(1200px 800px at 10% -10%, #fff3, transparent), radial-gradient(900px 600px at 100% 0%, #cba9d759, transparent), var(--color-bg);color:var(--color-text);margin:0}#root{min-height:100vh}a{color:var(--color-primary-soft)}.page{flex-direction:column;min-height:100svh;padding:1.25rem clamp(1rem,4vw,2.5rem) 3rem;display:flex}.center{flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.narrow{max-width:480px;margin:0 auto}.top-bar{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:2rem;display:flex}.brand{align-items:center;gap:.7rem;display:inline-flex}.brand-text{color:var(--color-text);letter-spacing:.01em;font-size:.95rem;font-weight:600}.logo{object-fit:contain;width:auto;height:52px}.top-actions{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.welcome-text{color:var(--color-muted);margin:0;font-size:.9rem}.profile-menu{position:relative}.profile-summary{cursor:pointer;justify-content:center;align-items:center;list-style:none;display:inline-flex}.profile-summary::-webkit-details-marker{display:none}.profile-avatar{letter-spacing:.04em;color:#fff;background:linear-gradient(135deg,#8225a4,#5c1b75);border:1px solid #cba9d7a6;border-radius:999px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.82rem;font-weight:700;display:inline-flex;box-shadow:0 8px 20px #8225a452}.profile-dropdown{z-index:15;background:#120814fa;border:1px solid #cba9d759;border-radius:12px;min-width:170px;padding:.7rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 18px 40px #00000073}.profile-name{color:var(--color-muted);margin:0 0 .55rem;font-size:.82rem}.profile-logout-btn{width:100%;min-height:34px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #cba9d773;border-radius:999px;font-size:.9rem}.profile-home-btn{width:100%;min-height:34px;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:1px solid #cba9d773;border-radius:999px;margin-bottom:.45rem;font-size:.9rem}.profile-home-btn:hover,.profile-logout-btn:hover{border-color:var(--color-primary-soft);background:#8225a426}.profile-home-btn{display:none}.landing-main{flex:1;align-content:center;gap:1.5rem;width:100%;max-width:900px;margin:0 auto;display:grid}.card{border-radius:var(--radius);background:linear-gradient(145deg,#8225a42e,#030102d9);border:1px solid #cba9d759;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 18px 50px #00000073}.hero h1{letter-spacing:-.02em;margin:.35rem 0 .75rem;font-size:clamp(1.75rem,4vw,2.35rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--color-primary-soft);margin:0;font-size:.75rem}.lede{color:var(--color-muted);margin:0 0 1.25rem;font-size:1.05rem;line-height:1.55}.benefits h2{margin-top:0;font-size:1.25rem}.benefits ul{color:var(--color-muted);margin:0;padding-left:1.2rem;line-height:1.6}.benefits li{margin-bottom:.5rem}.btn-primary,.btn-ghost,.link{font:inherit;cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:.35rem;text-decoration:none;transition:transform .12s,box-shadow .12s,background .12s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--color-primary), #5c1b75);color:#fff;padding:.65rem 1.35rem;font-weight:600;box-shadow:0 10px 28px #8225a459}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 12px 32px #8225a473}.btn-primary:disabled{opacity:.65;cursor:not-allowed}.btn-large{padding:.85rem 1.6rem;font-size:1.05rem}.btn-ghost{color:var(--color-text);background:0 0;border:1px solid #cba9d773;padding:.5rem 1rem}.btn-ghost:hover{border-color:var(--color-primary-soft);background:#8225a426}.link{color:var(--color-primary-soft);background:0 0;border:none;padding:0;font-weight:600}.link.subtle{opacity:.85;margin-top:1rem;font-weight:500}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#030102b8;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{border-radius:var(--radius);background:#120814;border:1px solid #cba9d766;width:min(560px,100%);max-height:90vh;padding:1.5rem 1.5rem 1.25rem;position:relative;overflow:hidden auto;box-shadow:0 24px 80px #0000008c}.modal h2{margin-top:0}.modal-close{color:var(--color-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;line-height:1;position:absolute;top:.65rem;right:.75rem}.modal-close:hover{color:var(--color-text)}.form-grid{grid-template-columns:1fr 1fr;gap:.75rem 1rem;display:grid}.form-grid label{min-width:0;color:var(--color-muted);flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.form-grid input,.form-grid select{font:inherit;width:100%;max-width:100%;color:var(--color-text);background:#030102a6;border:1px solid #cba9d759;border-radius:10px;padding:.55rem .65rem}.form-grid input:focus,.form-grid select:focus{border-color:#0000;outline:2px solid #8225a4a6}.span-2{grid-column:span 2}.form-actions{flex-wrap:wrap;justify-content:flex-end;gap:.75rem;display:flex}.form-actions .btn-primary,.form-actions .btn-ghost{min-height:40px}.form-error{color:#ffb4b4;margin:0;font-size:.9rem}.modal-switch{color:var(--color-muted);margin-top:1rem;font-size:.95rem}.muted{color:var(--color-muted)}.small{font-size:.9rem}.member-main{width:100%;max-width:560px;margin:0 auto}.member-card h1{margin-top:0}.member-benefits{background:linear-gradient(160deg,#8225a438,#03010259);border:1px solid #cba9d747;border-radius:12px;margin:0 0 1.5rem;padding:1.1rem 1.2rem 1.15rem;box-shadow:inset 0 1px #ffffff0a}.member-benefits h2{letter-spacing:-.01em;color:var(--color-text);margin:0 0 .85rem;font-size:1.1rem;font-weight:650}.member-benefits ul{margin:0;padding:0;list-style:none}.member-benefits li{color:var(--color-muted);margin-bottom:.55rem;padding-left:1.45rem;font-size:.95rem;line-height:1.5;position:relative}.member-benefits li:last-child{margin-bottom:0}.member-benefits li:before{content:"";background:linear-gradient(135deg,#c084fc,#8225a4);border-radius:50%;width:.5rem;height:.5rem;position:absolute;top:.45em;left:0;box-shadow:0 0 0 2px #8225a459}.price-block{margin:1.25rem 0}.price{margin:0;font-size:1.75rem;font-weight:700}.tilde{opacity:.7;margin:0 .15rem;font-weight:400}.success-banner{background:#8225a440;border:1px solid #cba9d773;border-radius:12px;padding:.85rem 1rem;line-height:1.5}.code{letter-spacing:.04em;font-family:ui-monospace,Cascadia Code,Menlo,monospace}.checkout-result main{margin-top:2rem}.site-footer{text-align:center;color:var(--color-muted);margin-top:1rem;font-size:.82rem}@media (height>=760px){.page{min-height:100svh}.landing-main{flex:1;align-content:center}.member-main,.checkout-result main{flex:1;align-items:center;display:flex}.member-card,.result-card{width:100%}.site-footer{margin-top:1rem}}.result-card{text-align:center;width:100%;max-width:520px}.result-card h1{margin:.5rem 0 .35rem}.result-icon{border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1rem;font-size:2rem;font-weight:700;display:flex}.result-icon--success{color:#4ade80;background:#4ade802e;border:2px solid #4ade8073}.result-icon--fail{color:#f87171;background:#f871712e;border:2px solid #f8717173}.result-detail-box{text-align:left;background:#8225a426;border:1px solid #cba9d759;border-radius:12px;margin-top:1.25rem;padding:1rem 1.25rem}.result-row{border-bottom:1px solid #cba9d726;justify-content:space-between;align-items:center;gap:1rem;padding:.45rem 0;display:flex}.result-row:last-child{border-bottom:none}.result-label{color:var(--color-muted);font-size:.85rem}.result-value{font-size:.95rem;font-weight:600}.spinner{border:4px solid #cba9d740;border-top-color:var(--color-primary);border-radius:50%;width:52px;height:52px;margin:0 auto 1.25rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=680px){.page{padding:.9rem .85rem 1.1rem}.top-bar{align-items:flex-start;gap:.75rem;margin-bottom:1.1rem}.brand{gap:.5rem}.logo{height:42px}.top-actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;width:auto;display:flex}.welcome-text{font-size:.84rem}.top-actions .btn-ghost{width:auto;min-height:36px;padding:.45rem .65rem}.home-btn-desktop{display:none}.profile-home-btn{display:block}.profile-avatar{width:36px;height:36px}.card{border-radius:12px;padding:1rem}.member-benefits{padding:.95rem}.price{font-size:1.5rem}.site-footer{margin-top:1.25rem;font-size:.78rem}.modal{width:100%;max-width:100%;padding:1rem}.form-grid{grid-template-columns:1fr}.span-2{grid-column:span 1}.form-actions{justify-content:stretch}.form-actions .btn-primary,.form-actions .btn-ghost{width:100%}}