@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#060709;--panel-bg:#0d1017bf;--panel-border:#ffffff14;--primary-cyan:#00f0ff;--primary-pink:#ff007f;--text-main:#fff;--text-muted:#8e9aa8;--shadow-cyan:0 0 20px #00f0ff40;--shadow-pink:0 0 20px #ff007f40;--font-outfit:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-outfit);width:100%;min-height:100vh;overflow-x:hidden}body{flex-direction:column;display:flex}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#090b0e}::-webkit-scrollbar-thumb{background:#1c2330;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-cyan)}.main-container{z-index:10;flex-direction:column;justify-content:space-between;min-height:100vh;padding:32px 24px;display:flex;position:relative}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(20px);border:1px solid var(--panel-border);border-radius:20px;transition:all .4s cubic-bezier(.16,1,.3,1);box-shadow:0 12px 40px #0009}.glow-cyan{box-shadow:var(--shadow-cyan), inset 0 0 20px #00f0ff0d;border-color:#00f0ff66}.glow-pink{box-shadow:var(--shadow-pink), inset 0 0 20px #ff007f0d;border-color:#ff007f66}.btn-primary{background:linear-gradient(135deg, var(--primary-cyan), #00a3ff);color:#060709;font-family:var(--font-outfit);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;border:none;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 15px #00f0ff59}.btn-primary:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-2px);box-shadow:0 6px 22px #00f0ff8c}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn-secondary{color:var(--text-main);border:1px solid var(--primary-pink);font-family:var(--font-outfit);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;background:0 0;border-radius:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s cubic-bezier(.16,1,.3,1)}.btn-secondary:hover:not(:disabled){box-shadow:var(--shadow-pink);background:#ff007f1a;transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0)}.poll-option-btn{width:100%;color:var(--text-main);font-family:var(--font-outfit);text-align:left;cursor:pointer;background:#ffffff05;border:1px solid #ffffff14;border-radius:12px;justify-content:space-between;align-items:center;padding:18px 24px;font-size:16px;font-weight:500;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.poll-option-btn:hover:not(:disabled){border-color:var(--primary-pink);background:#ff007f0a;transform:translate(6px);box-shadow:0 4px 15px #ff007f1f}.poll-option-btn:active{transform:translate(2px)}.poll-result-bar{background:#ffffff03;border:1px solid #ffffff12;border-radius:12px;justify-content:space-between;align-items:center;min-height:58px;padding:18px 24px;font-weight:500;display:flex;position:relative;overflow:hidden}.poll-result-fill{z-index:0;background:linear-gradient(90deg,#00f0ff26,#00a3ff0d);transition:width 1.2s cubic-bezier(.16,1,.3,1);position:absolute;top:0;bottom:0;left:0}.poll-result-content{z-index:1;justify-content:space-between;align-items:center;width:100%;display:flex;position:relative}.form-input{border:1px solid var(--panel-border);width:100%;color:var(--text-main);font-family:var(--font-outfit);background:#ffffff08;border-radius:10px;outline:none;padding:14px 18px;font-size:15px;transition:all .3s}.form-input:focus{border-color:var(--primary-cyan);background:#ffffff0f;box-shadow:0 0 15px #00f0ff26}.form-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:12px;font-weight:600;display:block}.ambient-glow{filter:blur(100px);pointer-events:none;z-index:0;background:radial-gradient(circle,#00f0ff0f 0%,#ff007f05 60%,#0000 100%);border-radius:50%;width:500px;height:500px;position:absolute}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spin{animation:1s linear infinite spin}.welcome-grid{flex-direction:column;align-items:center;gap:32px;width:100%;padding:32px;display:flex}@media (min-width:768px){.welcome-grid{flex-direction:row;align-items:stretch}}