main{padding-top:0}.container{justify-content:center;align-items:center;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}#header{background:url(/images/polls-bg-blurred-transparent.webp) 50%/cover fixed;justify-content:center;align-items:center;min-height:100vh;padding-top:80px;display:flex;position:relative}#header:before{content:"";z-index:0;background:linear-gradient(135deg,#09224a99 0%,#311a4699 50%,#580b0b99 100%);position:absolute;inset:0}#header .container{z-index:1;position:relative}#header h1{text-transform:none;letter-spacing:-2px;text-shadow:0 4px 20px #0006;color:#fff;flex-wrap:wrap;justify-content:center;align-items:center;gap:.15em;margin-bottom:40px;font-size:clamp(3.5rem,8vw,7rem);font-weight:300;line-height:.95;display:flex}#header h1 span{display:inline}#header h1 b{font-weight:600;display:inline}#header h1 i{font-style:italic;font-weight:400}#header p{color:#ffffffe6;text-shadow:0 2px 10px #0000004d;max-width:700px;margin:0 auto;padding:10px;font-size:clamp(1.1rem,2.5vw,1.5rem);line-height:1.6}.info-container{text-align:center;flex:1;max-width:800px;padding:40px 20px}.links{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:40px;display:flex}#info .links{flex-wrap:nowrap;gap:6px}.links a{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;text-transform:none;letter-spacing:.3px;background:#ffffff26;border:1px solid #ffffff4d;border-radius:8px;justify-content:center;align-items:center;padding:14px 32px;font-size:16px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0003}.links a:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}#header .links{flex-wrap:nowrap;justify-content:center;gap:12px;max-width:500px;margin-left:auto;margin-right:auto}#header .links a.cta-primary{color:#1a1a1a;background:#fffffff2;border-color:#fffffff2;padding:16px 40px;font-size:17px;font-weight:600;box-shadow:0 6px 20px #0000004d}#header .links a.cta-primary:hover{background:#fff;transform:translateY(-3px);box-shadow:0 8px 25px #0006}#header .links a.cta-secondary{background:0 0;border:2px solid #fff9;font-weight:500}#header .links a.cta-secondary:hover{background:#ffffff1a;border-color:#ffffffe6}#demo{background:linear-gradient(135deg,#09224af2 0%,#311a46f2 50%,#580b0bf2 100%);justify-content:center;align-items:center;min-height:100vh;padding:80px 20px;display:flex}#demo>div{flex-direction:column;align-items:center;gap:48px;width:100%;max-width:1200px;display:flex}.demo{justify-content:center;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}.demo h2{color:#fff;letter-spacing:-.5px;margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400}.demo img{fill:#fff;opacity:.8;width:60px;height:60px;margin-bottom:-40px;transition:opacity .3s}.demo:hover img{opacity:1}#poll-container{justify-content:center;width:100%;max-width:900px;display:flex}#demo .links{text-align:center;margin-top:24px}#features{background:linear-gradient(135deg,#09224afa 0%,#311a46fa 50%,#580b0bfa 100%);justify-content:center;align-items:center;min-height:60vh;padding:100px 20px;display:flex;position:relative}#features:before{content:"";pointer-events:none;background:linear-gradient(#0000001a 0%,#0003 100%);position:absolute;inset:0}.features-content{text-align:center;z-index:1;width:100%;max-width:1200px;position:relative}#features h2{color:#fff;letter-spacing:-.5px;text-shadow:0 2px 10px #0000004d;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:300}.features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:32px;margin-top:40px;display:grid}.feature-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:left;background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;padding:32px 24px;transition:all .3s;box-shadow:0 4px 15px #0003}.feature-card:hover{background:#ffffff1f;border-color:#ffffff4d;transform:translateY(-4px);box-shadow:0 8px 25px #0000004d}.feature-card h3{color:#fff;letter-spacing:-.3px;margin-bottom:16px;font-size:1.5rem;font-weight:600}.feature-card p{color:#ffffffd9;margin:0;font-size:1rem;line-height:1.6}#info{background:linear-gradient(135deg,#09224a 0%,#311a46 25%,#490e39 50%,#560324 75%,#580b0b 100%);justify-content:center;align-items:center;min-height:50vh;padding:80px 20px;display:flex;position:relative}#info:before{content:"";pointer-events:none;background:linear-gradient(#0000001a 0%,#0000004d 100%);position:absolute;inset:0}#info>div{text-align:center;z-index:1;width:100%;max-width:800px;position:relative}#info h2{color:#fff;letter-spacing:-.5px;margin-bottom:32px;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:300;line-height:1.4}#info b{color:#fff;font-weight:600}#info .links{flex-wrap:nowrap;justify-content:center;gap:12px;max-width:500px;margin:40px auto 0}#info .links a.cta-primary{color:#1a1a1a;background:#fffffff2;border-color:#fffffff2;min-width:180px;padding:14px 32px;font-weight:600}#info .links a.cta-primary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}#info .links a.cta-secondary{background:0 0;border:2px solid #fff9;min-width:140px;padding:14px 32px;font-weight:500}#info .links a.cta-secondary:hover{background:#ffffff1a;border-color:#ffffffe6}@media screen and (max-width:768px){.container{padding:0 16px}.info-container{padding:24px 16px}.links{flex-direction:column;width:100%}.links a{width:100%;max-width:280px}#demo{padding:60px 16px}#demo>div{gap:32px}.demo{flex-wrap:wrap;gap:8px}.demo img{width:48px;height:48px}#features{padding:60px 16px}.features-grid{grid-template-columns:1fr;gap:24px}.feature-card{padding:24px 20px}#info{padding:60px 16px}}@media screen and (max-width:600px){#header h1{margin-bottom:24px}.links{margin-top:32px}.links a{padding:12px 24px;font-size:15px}}.loader-container{justify-content:center;align-items:center;padding:40px;display:flex}.loader{border:5px solid #eaf0f6;border-top-color:#5999ff;border-radius:50%;width:80px;height:80px;margin:auto;animation:4s linear infinite spinner}@keyframes spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#polls-container{flex-wrap:wrap;justify-content:center;align-items:center;max-width:1200px;padding-bottom:80px;display:flex}.poll{text-align:center;background:#000;border-radius:10px;max-width:500px;margin:20px;position:relative;overflow:hidden;box-shadow:0 5px 5px #12121275}.poll .data{display:flex}.poll .data button{color:#fff;cursor:pointer;transform:1s ease all;text-transform:capitalize;border:1px solid #0000;border-radius:10px;flex:1;margin:10px;font-size:1.2rem;display:block;overflow:hidden}.poll .data .a{flex:1;padding:10px}.poll .data .a,.poll .data button.vote-a-btn{background:#020227;transition:all .5s}.poll .data .a.selected{background:#00008b}.poll .data .a button:hover{border:1px solid #ffffff86}.poll .data .selected button{border:unset}.poll .data .a p{text-shadow:0 1px 1px #000;text-align:left;background:#00008b;padding:20px}.poll .data .b{flex:1;padding:10px}.poll .data .b,.poll .data button.vote-b-btn{background:#2a0202;transition:all .5s}.poll .data .b.selected{background:#8b0000}.poll .data .b button:hover{border:1px solid #ffffff86}.poll .data .img{width:210px;height:210px;overflow:hidden}.poll .data .a button:hover img,.poll .data .b button:hover img{scale:1.3}.poll .data .b p{text-shadow:0 1px 1px #000;text-align:left;background:#8b0000;padding:20px}.poll img{vertical-align:middle;width:100%;padding:0;transition:all .8s}.poll .stats{color:#fff;text-shadow:0 1px 1px #000;border-top:1px solid #0000000a;padding:0;display:flex}.poll .stats div{margin:0;padding:5px;font-size:1rem;transition:width .5s}.poll .vote-a{background:#00008b}.poll .vote-b{background:#8b0000}.spinner-container{background:#0009;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.spinner{border:4px solid #00ba281a;border-left-color:#fff;border-radius:50%;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#notification-container{z-index:9999;pointer-events:none;flex-direction:column;align-items:flex-end;gap:12px;max-width:400px;display:flex;position:fixed;top:80px;right:20px}.notification{color:#1a1a1a;pointer-events:auto;opacity:0;background:#fff;border-radius:12px;align-items:center;gap:12px;width:100%;min-width:280px;max-width:400px;padding:16px 20px;animation:.4s cubic-bezier(.16,1,.3,1) forwards slideInRight;display:flex;position:relative;transform:translate(120%);box-shadow:0 4px 20px #00000026,0 2px 8px #0000001a}.notification.notification-exit{animation:.3s cubic-bezier(.4,0,1,1) forwards slideOutRight}.notification-success{background:linear-gradient(90deg,#f0fdf4 0%,#fff 8%);border-left:4px solid #10b981}.notification-error{background:linear-gradient(90deg,#fef2f2 0%,#fff 8%);border-left:4px solid #ef4444}.notification-info{background:linear-gradient(90deg,#eff6ff 0%,#fff 8%);border-left:4px solid #3b82f6}.notification-warning{background:linear-gradient(90deg,#fffbeb 0%,#fff 8%);border-left:4px solid #f59e0b}.notification-text{color:#1a1a1a;flex:1;margin:0;font-size:.9375rem;font-weight:500;line-height:1.5}.notification-close{appearance:none;color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:20px;line-height:1;transition:all .2s;display:flex}.notification-close:hover{color:#1a1a1a;background:#0000000d}.notification-close:active{transform:scale(.95)}@keyframes slideInRight{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes slideOutRight{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(120%)}}@media screen and (max-width:600px){#notification-container{max-width:none;left:10px;right:10px}.notification{min-width:auto;max-width:100%}.poll .data .img{height:unset;width:unset}.poll .data button{margin:0;font-size:1rem}.poll .data .a p,.poll .data .b p{padding:10px}}