:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--background-color: #000;--accent-color: #00e6ff;--card-bg: rgba(20,20,30,.6);--text-color: #f5f5f5;--shadow-color: rgba(0,0,0,.6);--overlay-color: rgba(0,0,0,.55)}body{display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-color);background:url(/images/F1-background.webp) no-repeat center center;background-size:cover;position:relative;min-height:100vh;margin:0;padding:2vh}body:before{content:"";position:absolute;inset:0;background:var(--overlay-color);pointer-events:none;z-index:0}.card{margin:5vh auto;position:relative;z-index:1;background-color:var(--card-bg);padding:40px 30px 60px;border-radius:16px;box-shadow:0 20px 60px var(--shadow-color),0 0 20px var(--accent-color) inset,0 0 30px var(--accent-color);border:1px solid var(--accent-color);-webkit-backdrop-filter:blur(10px) saturate(120%);backdrop-filter:blur(10px) saturate(120%);max-width:520px;width:90%;display:flex;flex-direction:column;align-items:center;gap:1.2em;word-break:break-word;overflow-wrap:anywhere;box-sizing:border-box;text-align:center}.card:after{content:"";position:absolute;bottom:-6px;left:50%;transform:translate(-50%);width:80%;height:6px;background:linear-gradient(90deg,var(--accent-color),transparent);filter:blur(2px);border-radius:6px}h1{font-size:clamp(2rem,5vw,3rem);font-family:Roboto Mono,monospace;color:var(--accent-color);margin-bottom:.6em;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 6px var(--accent-color),0 0 12px var(--accent-color),0 2px 8px rgba(0,0,0,.8);animation:pulse 4s ease-in-out infinite;line-height:1.2}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}p{font-size:clamp(1rem,2vw,1.1rem);line-height:1.6;margin-bottom:1em;color:var(--text-color)}ul{text-align:left;margin:1em auto;max-width:400px;list-style:square}li{margin:.4em 0;line-height:1.5}.cta{display:inline-block;margin-top:1.2em;padding:12px 32px;background:linear-gradient(90deg,var(--accent-color) 0%,#66d0ff 100%);color:#fff;text-decoration:none;font-weight:600;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:4px;box-shadow:0 0 8px var(--accent-color),0 4px 12px #0006;transition:box-shadow .2s,transform .2s;font-size:clamp(.9rem,2vw,1rem)}.cta:hover{box-shadow:0 0 12px var(--accent-color),0 8px 24px #0009;transform:translateY(-2px)}html,body{height:100%;margin:0}.signup-form{margin-top:1.2em;display:flex;flex-direction:column;align-items:center}.signup-form input{padding:12px 16px;width:100%;max-width:300px;border:1px solid var(--accent-color);border-radius:4px;background-color:#111;color:var(--text-color);margin-bottom:1em}.signup-form input:focus{outline:none;border-color:#66d0ff;box-shadow:0 0 8px var(--accent-color)}.message{margin-top:1em;font-size:1rem;color:var(--accent-color);text-align:center;line-height:1.4}@media (max-width: 600px){h1{font-size:2rem}p{font-size:.95rem}.card{padding:30px 20px 40px;margin:20px auto}}@media (max-width: 480px){h1{font-size:1.6rem}p{font-size:.9rem}.card{padding:24px 16px 32px;margin:16px auto}.cta{padding:10px 24px;font-size:.95rem}}@media (max-width: 360px){h1{font-size:1.4rem}p{font-size:.85rem}ul{max-width:90%}li{word-break:break-word}.card{padding:20px 12px 28px;margin-top:8px;margin-bottom:16px}.cta{padding:8px 20px;font-size:.9rem}.card p,.card ul,.card li{max-width:90%;margin-left:auto;margin-right:auto}}
