@import"https://fonts.googleapis.com/css2?family=Raleway:wght@400;700&display=swap";:root{--bg-color: #f8f8f8;--text-color: #111;--accent-color: #007bff;--shadow-color: rgba(0, 123, 255, .4)}[data-theme=dark]{--bg-color: #0d0d0d;--text-color: #eee;--accent-color: #ff4500;--shadow-color: rgba(255, 69, 0, .4)}body{background-color:var(--bg-color);color:var(--text-color);font-family:Raleway,sans-serif;margin:0;padding:0;transition:all .3s ease;overflow:hidden}.container{display:flex;align-items:center;justify-content:center;height:100vh;text-align:center;padding:20px;position:relative}.content{max-width:600px;z-index:2}h1{font-size:2.8rem;font-weight:700;text-transform:lowercase;letter-spacing:2px;margin-bottom:10px}p{font-size:1.2rem;margin-bottom:20px}.signup-container{display:flex;flex-direction:column;align-items:center;gap:10px}input{width:80%;max-width:300px;padding:12px;border:2px solid var(--accent-color);border-radius:5px;font-size:1rem;outline:none;transition:border-color .3s;background:transparent;color:var(--text-color)}input:focus{border-color:var(--text-color)}button{padding:12px 15px;font-size:1rem;background:var(--accent-color);color:#fff;border:none;border-radius:5px;cursor:pointer;transition:.3s;box-shadow:0 0 10px var(--shadow-color)}button:hover{background:var(--text-color);color:var(--bg-color);box-shadow:0 0 20px var(--shadow-color)}.message{font-size:1rem;color:var(--accent-color)}.theme-toggle{margin-top:20px;padding:8px 12px;font-size:.9rem;background:transparent;border:2px solid var(--text-color);color:var(--text-color);border-radius:5px;cursor:pointer;transition:.3s}.theme-toggle:hover{background:var(--text-color);color:var(--bg-color)}@media (max-width: 768px){h1{font-size:2rem}p{font-size:1rem}input,button{font-size:.9rem}}.fallback-container{position:absolute;width:100%;height:100vh;background:linear-gradient(135deg,#111 30%,#222);display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.fallback-content{position:relative;z-index:2;color:#fff}.fallback-content h2{font-size:2.5rem;font-weight:700;text-transform:uppercase;letter-spacing:2px}.fallback-content p{font-size:1.2rem;margin-top:10px}.grid-pattern{position:absolute;width:100%;height:100%;background-image:radial-gradient(rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px;opacity:.5}.header{position:absolute;top:10px;right:10px;z-index:100}.switch{position:relative;display:inline-block;width:40px;height:20px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s;border-radius:20px}.slider:before{position:absolute;content:"";height:14px;width:14px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#ff4500}input:checked+.slider:before{transform:translate(20px)}