@import "https://fonts.googleapis.com/css2?family=Creepster&family=Inter:wght@300;400;500;600;700&display=swap";
:root{--bg-primary:#0a0000;--bg-card:#120000bf;--red-primary:#f33;--red-dark:#8b0000;--red-glow:#f336;--text-primary:#fff;--text-secondary:#999;--text-muted:#666;--border-subtle:#f333}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.particle-canvas{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0}.fog-container{z-index:1;pointer-events:none;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.fog-layer{background:radial-gradient(#8b00000f 0%,#0000 70%);width:200%;height:200%;animation:25s ease-in-out infinite alternate fogDrift;position:absolute}.fog-layer-1{animation-duration:30s;top:-50%;left:-50%}.fog-layer-2{opacity:.5;animation-duration:20s;animation-direction:alternate-reverse;top:-30%;left:-30%}@keyframes fogDrift{0%{transform:translate(0)scale(1)}50%{transform:translate(30px,-20px)scale(1.05)}to{transform:translate(-20px,30px)scale(.95)}}@keyframes flicker{0%,to{opacity:1;text-shadow:0 0 20px var(--red-glow), 0 0 40px #f333}92%{opacity:1}93%{opacity:.8}94%{opacity:1}96%{opacity:.9}97%{opacity:1}}@keyframes drip{0%{opacity:0;height:0}20%{opacity:1}to{opacity:0;height:30px}}.landing-title{font-family:Creepster,cursive;animation:4s ease-in-out infinite flicker;position:relative}.landing-title:after{content:"";background:linear-gradient(to bottom, var(--red-primary), transparent);border-radius:0 0 50% 50%;width:3px;animation:3s ease-in-out infinite drip;position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.app-store-btn{color:#fff;cursor:pointer;background-color:#000;border:1px solid #333;border-radius:12px;align-items:center;padding:10px 24px;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 15px #ff333326}.app-store-btn:hover{border-color:var(--red-primary);box-shadow:0 0 25px var(--red-glow);transform:translateY(-2px)}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-subtle);border-radius:20px;padding:32px;box-shadow:0 0 30px #ff333314}.feature-item{border-bottom:1px solid #ffffff0a;align-items:flex-start;gap:14px;padding:14px 0;transition:all .2s;display:flex}.feature-item:last-child{border-bottom:none}.feature-item:hover{padding-left:6px}.feature-icon{flex-shrink:0;margin-top:2px;font-size:1.3rem}.section-header{color:var(--red-primary);letter-spacing:.5px;border-bottom:1px solid #f333;margin-bottom:18px;padding-bottom:10px;font-size:1.6rem;font-weight:700}.footer-link{color:var(--text-muted);font-size:.85rem;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--red-primary)}.form-input{color:#fff;background-color:#1a0000;border:1px solid #333;border-radius:8px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.form-input:focus{border-color:var(--red-primary);box-shadow:0 0 8px #f333}.form-input::placeholder{color:#555}.submit-btn{background:linear-gradient(135deg, var(--red-primary), var(--red-dark));color:#fff;cursor:pointer;letter-spacing:.5px;border:none;border-radius:8px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:0 0 12px #ff33334d}.submit-btn:hover{box-shadow:0 0 20px var(--red-glow);transform:translateY(-1px)}.page-container{z-index:10;flex-direction:column;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative}@media (max-width:640px){.landing-title{font-size:2.8rem!important}.glass-card{padding:20px}}