:root{color:#f7edda;background:#080604;font-family:Inter,ui-sans-serif,system-ui}body{margin:0}button,input{font:inherit}button{cursor:pointer}main{max-width:1180px;margin:auto;padding:28px}.nav{z-index:2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#080604e6;border-bottom:1px solid #3a2b18;justify-content:space-between;align-items:center;gap:20px;padding:18px 32px;display:flex;position:sticky;top:0}.brand,nav button{color:#f7edda;background:0 0;border:0}.brand{letter-spacing:.16em;align-items:center;gap:10px;font-weight:800;display:flex}.brand span{color:#c8a45d;letter-spacing:0}.nav nav{flex-wrap:wrap;gap:12px;display:flex}.nav nav button:hover,.brand:hover{color:#d8b66b}.user-pill{color:#d8b66b;border:1px solid #5b4326;border-radius:999px;margin-bottom:22px;padding:8px 14px;display:inline-block}.hero{background:radial-gradient(circle at 70% 30%,#4a121b 0,#160b08 42%,#0e0a06 100%);border:1px solid #49361f;border-radius:28px;grid-template-columns:1fr auto;align-items:center;gap:32px;margin-bottom:30px;padding:48px;display:grid}.hero h1{margin:0;font-size:clamp(2.4rem,6vw,5.8rem);line-height:.92}.hero svg{color:#d8b66b;width:110px;height:110px}.eyebrow{color:#d8b66b;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px;display:grid}.card,.panel,.list-item{background:linear-gradient(145deg,#15100b,#0b0805);border:1px solid #3a2b18;border-radius:22px;box-shadow:0 22px 80px #00000059}.card{padding:16px;transition:all .2s}.card:hover{border-color:#a98748;transform:translateY(-4px)}.card img,.detail img{object-fit:cover;background:#21150c;border-radius:16px;width:100%;height:260px}.row{justify-content:space-between;align-items:center;gap:14px;display:flex}.detail{grid-template-columns:1fr 1fr;gap:28px;display:grid}.detail img{height:560px}.panel{padding:28px}.narrow{max-width:560px;margin:auto}.primary{color:#130d06;background:linear-gradient(135deg,#ead18f,#a47a2f);border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 18px;font-weight:800;display:inline-flex}.primary:disabled{opacity:.55}input{box-sizing:border-box;color:#f7edda;background:#0a0705;border:1px solid #5b4326;border-radius:12px;width:100%;margin:8px 0 16px;padding:13px}.list{gap:14px;display:grid}.list-item{justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.badge{text-transform:uppercase;border-radius:999px;padding:7px 12px}.badge.paid{color:#83e1a4;background:#173d27}.badge.pending{color:#f1c876;background:#49361f}.stripe{background:linear-gradient(160deg,#111827,#0b0805)}@media (width<=760px){.nav,.detail,.hero{display:block}.nav nav{margin-top:14px}.detail img{height:320px}.hero{padding:28px}.list-item{flex-direction:column;align-items:flex-start}}