@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700&family=Inter:wght@400;500;600&display=swap";
:root{--primary-bg:#111827;--secondary-bg:#1f2937;--text-main:#f3f4f6;--text-muted:#9ca3af;--accent:#f44;--glass-bg:#ffffff1a;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(10px)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--primary-bg);color:var(--text-main);touch-action:none;-webkit-user-select:none;user-select:none;font-family:Outfit,Inter,sans-serif;overflow:hidden}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:20px}.btn-primary{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f44,#ff007f);border:none;border-radius:30px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1.1rem;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 15px #f446}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f449}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:#fff;cursor:pointer;border-radius:30px;padding:12px 24px;font-family:Outfit,sans-serif;font-size:1rem;font-weight:600;transition:background .2s}.btn-secondary:hover{background:#ffffff26}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.bg-layer{z-index:-1;background-position:50%;background-size:cover;transition:background-image .5s ease-in-out;position:absolute;inset:0}