*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#0a0a0a;color:#fff;overflow:hidden}
.bg{position:fixed;inset:0;background:radial-gradient(circle at 80% 20%,#4d3a1d55,transparent 30%),linear-gradient(135deg,#090909,#111,#1a1a1a)}
.wrap{display:grid;grid-template-columns:1fr 1fr;min-height:100vh;padding:7vw;gap:5vw}
.left{display:flex;flex-direction:column;justify-content:center}
.brand{letter-spacing:.35em;color:#cfa76a;font-size:.9rem}
h1{font-size:5rem;line-height:.95;margin:.4em 0}h1 span{color:#cfa76a}
p{max-width:580px;color:#d0d0d0;font-size:1.15rem}
.count{display:flex;gap:16px;margin:40px 0;font-size:2rem;font-weight:bold}
.count div{background:#ffffff10;border:1px solid #ffffff22;padding:18px;border-radius:16px;min-width:95px;text-align:center;backdrop-filter:blur(12px)}
.count small{display:block;font-size:.75rem;color:#aaa;margin-top:6px}
.notify{display:flex;gap:12px;max-width:520px}
input{flex:1;padding:16px;border-radius:14px;border:1px solid #444;background:#111;color:#fff}
button{padding:16px 28px;border:none;border-radius:14px;background:#cfa76a;color:#111;font-weight:700;cursor:pointer}
button:hover{filter:brightness(1.1)}
.right{display:flex;align-items:center;justify-content:center}
.glass{background:#ffffff10;border:1px solid #ffffff22;padding:48px;border-radius:28px;backdrop-filter:blur(18px);max-width:480px}
.chips{margin-top:30px;color:#b8b8b8}
@media(max-width:900px){.wrap{grid-template-columns:1fr;padding:40px}h1{font-size:3rem}.right{display:none}.count{flex-wrap:wrap}}