:root{--bg:#0b0b0b;--red:#ff2b2b;--glass:rgba(30,0,0,0.55)}
*{box-sizing:border-box}html,body{height:100%;margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--red);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
.bg-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}
.site-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:18px 28px;background:linear-gradient(180deg,rgba(0,0,0,0.25),transparent)}
.brand{font-weight:700;font-size:20px;color:var(--red);letter-spacing:1px}
.brand.small{font-size:16px}
nav .nav-btn{color:#bdbdbd;margin-left:12px;text-decoration:none;padding:6px 10px;border-radius:8px;transition:all .18s}
nav .nav-btn:hover{color:var(--red);background:rgba(255,0,0,0.03)}
.hero{display:flex;align-items:center;justify-content:center;min-height:70vh;z-index:2;position:relative}
.hero-card{z-index:2;width:min(920px,94%);padding:42px;background:var(--glass);backdrop-filter:blur(8px);border-radius:14px;text-align:center;box-shadow:0 8px 30px rgba(255,0,0,0.06)}
.hero-card h1{margin:0 0 8px;font-size:38px;color:var(--red);text-shadow:0 0 10px rgba(255,0,0,0.12)}
.hero-card p{color:#e7a3a3;margin:0 0 18px}
.cta-row{display:flex;gap:12px;justify-content:center}
.enter-btn{display:inline-block;border:2px solid var(--red);color:var(--red);background:transparent;padding:10px 18px;border-radius:10px;text-decoration:none;transition:all .18s}
.enter-btn:hover{background:var(--red);color:#0b0b0b;box-shadow:0 0 20px rgba(255,0,0,0.35);transform:translateY(-3px)}
.center-area{display:flex;align-items:center;justify-content:center;min-height:72vh;padding:30px;z-index:2}
.glass-box{width:360px;max-width:92%;padding:26px;background:var(--glass);backdrop-filter:blur(8px);border-radius:12px;box-shadow:0 8px 30px rgba(255,0,0,0.05);color:#f2bdbd}
.glass-box h2{margin:0 0 14px;color:var(--red)}
label{display:block;font-size:13px;margin-bottom:8px;color:#e7a3a3}
input{width:100%;padding:10px 12px;border-radius:8px;border:1px solid rgba(255,0,0,0.18);background:#140606;color:var(--red);outline:none}
input::placeholder{color:#8b2b2b}
.btn-row{display:flex;gap:8px;margin-top:14px}
.btn{flex:1;padding:10px;border-radius:8px;background:transparent;border:1px solid rgba(255,0,0,0.14);color:var(--red);cursor:pointer;transition:all .15s}
.btn.primary{border:2px solid var(--red);box-shadow:0 6px 18px rgba(255,0,0,0.06)}
.btn.primary:hover,.btn:hover{background:var(--red);color:#0b0b0b;transform:translateY(-3px);box-shadow:0 10px 30px rgba(255,0,0,0.24)}
.btn.warn{border:2px solid #ffaeae}
.hint{font-size:13px;color:#f2bdbd;margin-top:8px}
.form-msg{height:22px;margin-top:10px;font-size:14px}
.small-note{font-size:12px;color:#c99}
.site-footer{z-index:2;text-align:center;padding:20px 10px;color:#a66}
.products-container{display:flex;flex-direction:column;align-items:center;gap:28px;padding:40px 20px}
.product{background:var(--glass);padding:22px;border-radius:12px;box-shadow:0 6px 22px rgba(255,0,0,0.05);text-align:center;width:min(720px,95%)}
.product h2{margin:0 0 6px;color:var(--red)}
.price-buttons{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}
.buy-btn{background:white;color:black;border:none;padding:10px 20px;border-radius:6px;cursor:pointer;transition:0.2s}
.buy-btn:hover{background:#ccc}
@media(max-width:520px){.hero-card h1{font-size:28px}.glass-box{width:92%}}