:root{--color-primary:#3498db;--color-primary-dark:#2980b9;--color-success:#00ff00;--color-error:#ff0000;--color-warning:#ff9900;--color-black:#000;--color-white:#fff;--color-gray-dark:#1a1a1a;--color-gray:#666;--color-gray-light:#999;--color-gray-lighter:#ccc;--color-gray-lightest:#ddd;--bg-primary:#000;--bg-secondary:#111;--bg-tertiary:#1a1a1a;--bg-card:rgba(255, 255, 255, 0.05);--bg-input:rgba(255, 255, 255, 0.1);--bg-input-focus:rgba(255, 255, 255, 0.15);--font-system:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Arial,sans-serif;--font-serif:Georgia,serif;--font-weight-normal:400;--font-weight-bold:700;--font-weight-black:900;--spacing-xs:5px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-2xl:40px;--radius-sm:5px;--radius-md:10px;--radius-lg:20px;--radius-full:50%;--transition-fast:0.2s ease;--transition-base:0.3s ease;--transition-slow:0.5s ease;--z-base:1;--z-dropdown:100;--z-sticky:1000;--z-modal:1001;--z-modal-content:1002;--z-toast:10000;--breakpoint-mobile:768px;--breakpoint-tablet:1024px;--breakpoint-desktop:1200px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-system);background-color:var(--bg-primary);color:var(--color-white);overflow-x:hidden}h1{font-size:clamp(24px, 4vw, 48px);font-weight:var(--font-weight-black);line-height:1.1;margin-bottom:20px;text-transform:uppercase}h2{font-size:24px;font-weight:var(--font-weight-black);text-transform:uppercase}h3{font-size:20px}p{line-height:1.4}label{display:block;font-weight:var(--font-weight-bold);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-size:14px}@media (max-width:768px){h1{font-size:24px;margin-bottom:15px}h2{font-size:22px}h3{font-size:20px}}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}@keyframes pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.3);opacity:.7}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes countUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{from{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulseOverlay{0%,100%{opacity:.5;transform:scale(1)}50%{opacity:.7;transform:scale(1.01)}}.container{max-width:900px;margin:0 auto;padding:0 20px}.alert-header{background:linear-gradient(135deg,var(--color-primary) 0,var(--color-primary-dark) 100%);padding:15px 20px;position:sticky;top:70px;z-index:var(--z-sticky,1000);overflow:hidden}@media (max-width:768px){.alert-header{top:60px}}.header-content{display:flex;justify-content:space-between;align-items:center;gap:20px;position:relative;z-index:2}.header-countdown{display:flex;gap:15px;padding:8px 15px;border-radius:20px;font-weight:var(--font-weight-bold)}.header-time-unit{display:flex;flex-direction:column;align-items:center;min-width:35px}.header-time-value{font-size:18px;font-weight:var(--font-weight-black);color:var(--color-white);line-height:1;text-shadow:0 2px 4px rgba(0,0,0,.3)}.header-time-label{font-size:11px;text-transform:uppercase;opacity:.8;margin-top:2px}.alert-header::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:shimmer 3s infinite}.alert-badge{display:inline-flex;align-items:center;gap:10px;background:rgba(0,0,0,.3);padding:8px 15px;border-radius:20px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:1px}.pulse-dot{width:10px;height:10px;background:var(--color-white);border-radius:50%;animation:pulse 1s infinite}@media (min-width:769px){.alert-header{padding:25px 20px}.header-content{justify-content:space-between;position:relative;max-width:1200px;margin:0 auto}.alert-badge{flex-shrink:0}.header-countdown{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(0,0,0,.3);padding:12px 25px;border-radius:25px}.header-content::after{content:'';flex:0 0 200px}.header-time-unit{min-width:50px}.header-time-value{font-size:24px;font-weight:var(--font-weight-black)}.header-time-label{font-size:12px;margin-top:4px}}@media (max-width:768px){.alert-header{padding:12px 15px}.header-content{flex-direction:column;gap:10px}.header-countdown{gap:8px;background:0 0;padding:0}.header-time-value{font-size:18px;font-weight:var(--font-weight-black)}.header-time-label{font-size:10px;opacity:.9}.header-time-unit{min-width:20px}.alert-badge{font-size:12px;padding:6px 12px}}.header-countdown.timer-yellow .header-time-value{color:#ffeb3b}.header-countdown.timer-amber .header-time-value{color:#ffc107}.header-countdown.timer-orange .header-time-value{color:#ff9800}.header-countdown.timer-red .header-time-value{color:red}@keyframes header-timer-blink{0%,100%{opacity:1}50%{opacity:.3}}.header-countdown.timer-blink{animation:header-timer-blink 1s ease-in-out infinite}.footer{text-align:center;padding:40px 20px;color:var(--color-gray);font-size:14px}.footer-links{margin-top:10px}.footer-links a{color:var(--color-gray-light);text-decoration:none;padding:0 10px;transition:color var(--transition-base)}.footer-links a:hover{color:var(--color-gray-lighter);text-decoration:underline}.footer-separator{color:var(--color-gray);padding:0 5px}@media (max-width:768px){.footer-links{display:flex;flex-direction:column;align-items:center;gap:10px}.footer-separator{display:none}.footer-links a{padding:5px 10px}}#navigation-placeholder{height:70px;position:fixed;top:0;left:0;right:0;width:100%;z-index:10001;background:var(--bg-nav,#036)}.main-nav{background:var(--bg-nav,#036);position:fixed;top:0;left:0;right:0;width:100%;z-index:10001;transition:all .3s ease;box-shadow:0 2px 4px rgba(0,0,0,.1);background-color:#036}.main-nav.scrolled{background:rgba(0,51,102,.95);backdrop-filter:blur(10px);box-shadow:0 4px 6px rgba(0,0,0,.15)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px;position:relative;overflow:hidden}.nav-container.has-timer{display:grid;grid-template-columns:auto 1fr auto;gap:20px}.nav-container.has-timer .nav-timer-wrapper{display:flex;justify-content:center;align-items:center}.nav-logo{font-size:24px;font-weight:var(--font-weight-black);color:var(--color-white);text-decoration:none;display:flex;align-items:center;transition:transform .2s ease}.nav-logo:hover{transform:scale(1.05)}.logo-text{letter-spacing:1px}.logo-image{height:40px;width:auto;display:block;margin-right:12px}.desktop-menu{display:none;list-style:none;margin:0;padding:0;gap:30px;align-items:center}.desktop-menu>li{position:relative}.desktop-menu a{color:var(--color-white);text-decoration:none;font-weight:var(--font-weight-medium);padding:10px 0;display:block;position:relative;transition:color .2s ease}.desktop-menu a::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width .2s ease}.desktop-menu a.active::after,.desktop-menu a:hover::after{width:100%}.desktop-menu a.active,.desktop-menu a:hover{color:var(--color-primary)}.has-dropdown{position:relative}.dropdown-toggle{cursor:pointer;display:flex;align-items:center;gap:5px}.dropdown-toggle::after{content:'▼';font-size:10px;transition:transform .2s ease}.has-dropdown.dropdown-open .dropdown-toggle::after{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:100%;left:0;background:var(--bg-card);min-width:200px;padding:10px 0;border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-10px);transition:all .2s ease;list-style:none;margin:0}.has-dropdown.dropdown-open .dropdown-menu{opacity:1;visibility:visible;transform:translateY(10px)}.dropdown-menu li{margin:0}.dropdown-menu a{color:var(--color-white);padding:10px 20px;display:block;transition:background-color .2s ease}.dropdown-menu a:hover{background:rgba(255,102,0,.1);color:var(--color-primary)}.dropdown-menu a::after{display:none}.mobile-menu-toggle{display:none;background:0 0;border:none;cursor:pointer;padding:10px;position:relative;z-index:1001}.mobile-menu-toggle span{display:block;width:25px;height:3px;background:var(--color-white);margin:5px 0;transition:all .3s ease;transform-origin:center}.mobile-menu-open .mobile-menu-toggle span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-open .mobile-menu-toggle span:nth-child(2){opacity:0;transform:scaleX(0)}.mobile-menu-open .mobile-menu-toggle span:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:all .3s ease;z-index:9997;backdrop-filter:blur(4px)}.mobile-menu-open .mobile-menu-overlay{opacity:1;visibility:visible}.mobile-menu{position:fixed;top:0;right:-280px;width:280px;height:100%;background:linear-gradient(135deg,#001a33 0,#036 50%,#001a33 100%);padding:70px 0 20px;overflow-y:auto;transition:transform .3s cubic-bezier(.4, 0, .2, 1);z-index:9998;list-style:none;margin:0;box-shadow:-4px 0 20px rgba(0,0,0,.5)}.mobile-menu-open .mobile-menu{transform:translateX(-280px)}.mobile-menu::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 80%,rgba(52,152,219,.1) 0,transparent 50%),radial-gradient(circle at 80% 20%,rgba(52,152,219,.1) 0,transparent 50%);pointer-events:none}.mobile-menu::before{content:'NSTCG';position:absolute;top:20px;left:20px;font-size:20px;font-weight:var(--font-weight-black);color:var(--color-primary);letter-spacing:2px;z-index:1}.mobile-menu-open .mobile-menu-toggle{position:fixed;right:20px;top:20px;z-index:9999}.mobile-menu li{margin:0;position:relative}.mobile-menu li:not(:last-child)::after{content:'';position:absolute;bottom:0;left:20px;right:20px;height:1px;background:rgba(255,255,255,.1)}.mobile-menu a{color:var(--color-white);text-decoration:none;font-size:16px;padding:14px 20px 14px 50px;display:block;position:relative;transition:all .2s ease;font-weight:var(--font-weight-medium,500)}.mobile-menu a::before{position:absolute;left:20px;font-family:'Font Awesome 6 Free';font-weight:900;color:var(--color-primary);transition:transform .2s ease}.mobile-menu a[href="/"]::before{content:'\f015'}.mobile-menu a[href="/feeds.html"]::before{content:'\f09e'}.mobile-menu a[href="/donate.html"]::before{content:'\f4b9'}.mobile-menu a[href="/leaderboard.html"]::before{content:'\f091'}.mobile-menu a[href="/share.html"]::before{content:'\f1e0'}.mobile-menu a.active,.mobile-menu a:hover{background:rgba(52,152,219,.1);color:var(--color-primary);padding-left:55px}.mobile-menu a:hover::before{transform:translateX(5px)}.mobile-menu .has-dropdown{position:static}.mobile-menu .has-dropdown::after{display:none}.mobile-menu .dropdown-toggle{display:block;color:var(--color-primary);font-size:14px;padding:12px 20px 12px 50px;cursor:default;text-transform:uppercase;letter-spacing:1px;font-weight:var(--font-weight-bold);opacity:.8}.mobile-menu .dropdown-toggle::before{content:'\f13a';position:absolute;left:20px;font-family:'Font Awesome 6 Free';font-weight:900;color:var(--color-primary)}.mobile-menu .dropdown-menu{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;background:rgba(0,0,0,.3);margin:0;padding:0;border-left:2px solid var(--color-primary);margin-left:20px;list-style:none}.mobile-menu .dropdown-menu li{margin:0}.mobile-menu .dropdown-menu li::after{left:0}.mobile-menu .dropdown-menu a{padding-left:48px;font-size:14px}.mobile-menu .dropdown-menu a:hover{padding-left:53px}.mobile-menu .dropdown-toggle::after{display:none}@media (min-width:769px){.desktop-menu{display:flex}.mobile-menu,.mobile-menu-overlay,.mobile-menu-toggle{display:none!important}}@media (max-width:768px){.nav-container{height:60px;overflow:visible}.nav-logo{font-size:16px}.desktop-menu{display:none}.mobile-menu-toggle{display:block}.mobile-menu-open{overflow:hidden}}.dropdown-toggle:focus,.mobile-menu-toggle:focus{outline:2px solid var(--color-primary);outline-offset:2px}.desktop-menu a:focus,.mobile-menu a:focus{outline:2px solid var(--color-primary);outline-offset:-2px}.skip-nav{position:absolute;top:-40px;left:0;background:var(--color-primary);color:var(--color-white);padding:8px 16px;text-decoration:none;border-radius:0 0 4px 0;transition:top .2s ease}.skip-nav:focus{top:0}@keyframes slideDown{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.main-nav *{will-change:auto}.main-nav.scrolled,.mobile-menu,.mobile-menu-overlay{will-change:transform}.nav-timer-container{display:flex;align-items:center;gap:4px;color:var(--color-white);font-weight:var(--font-weight-bold);font-size:18px}.nav-timer-unit{display:flex;flex-direction:column;align-items:center;min-width:45px}.nav-timer-value{font-size:24px;line-height:1;font-weight:var(--font-weight-black);letter-spacing:1px}.nav-timer-label{font-size:10px;text-transform:uppercase;opacity:.8;margin-top:2px}.nav-timer-separator{font-size:20px;font-weight:var(--font-weight-bold);opacity:.6;align-self:center;margin-bottom:12px}.nav-timer-container.timer-yellow{color:#ffeb3b}.nav-timer-container.timer-amber{color:#ffc107}.nav-timer-container.timer-orange{color:#ff9800}.nav-timer-container.timer-red{color:red}.timer-expired{color:#ff6b6b;font-weight:700;font-size:16px}@keyframes timer-blink{0%,100%{opacity:1}50%{opacity:0}}.nav-timer-container.timer-blink{animation:timer-blink 1s ease-in-out infinite}@media (max-width:768px){.nav-timer-container{font-size:14px;gap:2px}.nav-timer-value{font-size:16px}.nav-timer-label{font-size:8px}.nav-timer-separator{font-size:14px;margin-bottom:8px}.nav-timer-unit{min-width:30px}.nav-container.has-timer{display:grid;grid-template-columns:auto 1fr auto;gap:10px}}body{padding-top:70px}@media (max-width:768px){body{padding-top:60px}}.hero{background:var(--bg-secondary);border:3px solid var(--color-primary);border-radius:var(--radius-md);margin:20px 0;padding:30px;position:relative;text-align:center}.hero::before{content:'✓';position:absolute;top:-20px;left:20px;background:var(--color-primary);color:var(--color-white);font-size:30px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;border:3px solid var(--bg-secondary)}.hero p{font-size:20px}.highlight{color:var(--color-primary);text-shadow:0 0 10px rgba(52,152,219,.5)}@media (max-width:768px){.hero{padding:20px}.hero::before{top:-15px;left:15px;font-size:20px;width:30px;height:30px;border:2px solid var(--bg-secondary)}.hero p{font-size:15px;line-height:1.4}}.impact-map{background:#013;border:3px solid var(--color-primary);border-radius:var(--radius-md);padding:20px;margin:30px 0;text-align:center;transition:padding .3s ease}.impact-map.minimized{padding:15px 20px}.impact-map.minimized h2{margin-bottom:0}.impact-map-header{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px}.impact-toggle-btn{background:0 0;border:1px solid var(--color-primary);color:var(--color-primary);padding:5px 15px;border-radius:20px;cursor:pointer;font-size:14px;transition:all .3s ease;display:flex;align-items:center;gap:8px;font-family:inherit;text-align:center;margin:auto}.impact-toggle-btn:hover{background:var(--color-primary);color:#1a1a1a}.toggle-icon{transition:transform .3s ease;font-size:12px}.impact-toggle-btn[aria-expanded=true] .toggle-icon{transform:rotate(180deg)}.impact-map-content{overflow:hidden;transition:max-height .5s ease-out,opacity .3s ease-out;max-height:0;opacity:0}.impact-map-content.expanded{max-height:800px;opacity:1;margin-top:15px}.impact-map h2{font-size:24px;font-weight:var(--font-weight-black);text-transform:uppercase;color:var(--color-primary);margin-bottom:15px;text-shadow:0 0 10px rgba(52,152,219,.5)}.map-placeholder{background:rgba(52,152,219,.1);border:2px dashed var(--color-primary);border-radius:var(--radius-md);height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.map-placeholder::before{content:'🗺️';font-size:80px;opacity:.3;position:absolute}.map-overlay{background:rgba(0,0,0,.8);padding:20px;border-radius:var(--radius-md);z-index:var(--z-base)}.map-image{position:relative;display:inline-block;line-height:0;border-radius:var(--radius-md);overflow:hidden;max-width:100%;height:500px;opacity:0;transform:scale(.95);transition:opacity 1.5s ease-out,transform 1.5s ease-out}.map-image.fade-in{opacity:1;transform:scale(1)}.map-image img{display:block;width:100%;height:100%;object-fit:contain}.impact-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse 60% 95% at center,rgba(255,0,0,.8) 0,rgba(255,0,0,.75) 65%,rgba(255,50,0,.7) 70%,rgba(255,102,0,.7) 75%,rgba(255,153,0,.65) 85%,rgba(255,204,0,.6) 95%,rgba(255,255,0,.5) 100%);opacity:.5;pointer-events:none;animation:pulseOverlay 3s ease-in-out infinite;transform-origin:center center}@media (max-width:768px){.impact-map{padding:15px;margin:20px 0}.impact-map.minimized{padding:12px 15px}.impact-map h2{font-size:20px;margin-bottom:10px}.impact-map.minimized h2{font-size:18px;margin-bottom:0}.impact-map-header{gap:10px}.impact-toggle-btn{padding:4px 12px;font-size:13px}.map-image,.map-placeholder{height:300px}.impact-map-content.expanded{max-height:600px}}.community-counter{background:rgba(52,152,219,.1);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:25px;margin:30px 0;text-align:center}.counter-number{font-size:72px;font-weight:var(--font-weight-black);color:var(--color-primary);line-height:1;margin-bottom:10px;animation:countUp 2s ease-out}.counter-label{font-size:24px;font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:2px}.see-all-link{display:inline-block;margin-top:10px;color:var(--color-primary);text-decoration:none;font-size:16px;transition:all .3s ease;font-weight:500;opacity:.8}.see-all-link:hover{color:var(--color-primary-dark);transform:translateX(5px);opacity:1}@media (max-width:768px){.counter-number{font-size:48px}}.live-feed{background:var(--bg-card);border-radius:var(--radius-md);padding:20px;margin:30px 0}.feed-header{display:flex;align-items:center;gap:10px;margin-bottom:20px;font-weight:var(--font-weight-bold);text-transform:uppercase}.live-indicator{display:flex;align-items:center;gap:5px;color:var(--color-primary)}.feed-item{display:flex;align-items:flex-start;gap:12px;background:var(--bg-card);border-left:3px solid var(--color-primary);padding:15px;margin-bottom:10px;border-radius:var(--radius-sm);animation:slideIn .5s ease-out}.feed-avatar{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#7f8c8d;letter-spacing:-.5px}.feed-content{flex:1;min-width:0}.feed-name{font-weight:600;margin-bottom:4px}.feed-time{color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:14px}.feed-message{margin-top:5px;color:var(--color-gray-lighter)}.feed-comment{margin-top:8px;color:var(--color-gray-light);font-size:14px;font-style:italic;line-height:1.4;padding-left:10px}.feed-loading{text-align:center;padding:30px;color:var(--color-gray-light)}.loading-spinner{width:30px;height:30px;margin:0 auto 15px;border:3px solid #333;border-top:3px solid var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}.feed-empty{text-align:center;padding:30px}.feed-error{text-align:center;padding:30px}@media (max-width:768px){.activity-item{font-size:14px}.time-ago{font-size:12px}}.thought-bubbles-section{margin:40px 0}.thought-bubbles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px}.thought-bubble{background:var(--bg-card);border-left:4px solid var(--color-primary);padding:25px 25px 25px 30px;position:relative;color:var(--color-gray-lightest);font-size:17px;line-height:1.5;border-radius:0 8px 8px 0;font-style:italic}.thought-bubble::before{content:'"';position:absolute;top:15px;left:10px;font-size:40px;color:rgba(52,152,219,.5);line-height:1;font-family:var(--font-serif)}form *,form ::after,form ::before{box-sizing:border-box}.form-section{background:var(--bg-tertiary);border-radius:var(--radius-md);padding:40px;margin:30px 0;border:3px solid var(--color-primary);position:relative}.form-header{text-align:center;margin-bottom:30px}.form-title{font-size:32px;font-weight:var(--font-weight-black);text-transform:uppercase;margin-bottom:10px}.form-subtitle{color:var(--color-primary);font-size:20px;font-weight:var(--font-weight-bold)}.signup-form{max-width:500px;margin:0 auto}.form-group{margin-bottom:20px}.form-group-row{display:flex;gap:15px;margin-bottom:20px}.form-group-row .form-group,.form-group-row .modal-form-group{flex:1;margin-bottom:0}input[type=email],input[type=text],textarea{width:100%;padding:15px;background:var(--bg-input);border:2px solid var(--color-gray);border-radius:var(--radius-sm);color:var(--color-white);font-size:16px;transition:all var(--transition-base);font-family:inherit;box-sizing:border-box}input[type=email]:focus,input[type=text]:focus,textarea:focus{outline:0;border-color:var(--color-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(52,152,219,.2)}input[type=email].error,input[type=text].error,textarea.error{border-color:red;background:rgba(255,0,0,.1);box-shadow:0 0 0 3px rgba(255,0,0,.2)}input[type=email].error::placeholder,input[type=text].error::placeholder,textarea.error::placeholder{color:#f66;opacity:1}input[type=email].error:focus,input[type=text].error:focus,textarea.error:focus{border-color:red;background:rgba(255,0,0,.15);box-shadow:0 0 0 3px rgba(255,0,0,.3)}textarea::placeholder{color:var(--color-gray-light);opacity:.8}.submit-btn{width:100%;padding:20px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:20px;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden}.submit-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 5px 20px rgba(52,152,219,.5)}.submit-btn:active{transform:translateY(0)}.radio-group{border:none;padding:0;margin:0}.radio-group legend{display:block;margin-bottom:12px;color:var(--color-white);font-size:16px;font-weight:var(--font-weight-medium)}.radio-options{display:flex;gap:20px;flex-wrap:wrap}.radio-label{display:flex;align-items:center;cursor:pointer;color:var(--color-white);font-size:16px;position:relative;transition:all var(--transition-base)}.radio-label:hover{color:var(--color-primary)}.radio-label input[type=radio]{position:absolute;opacity:0;pointer-events:none}.radio-custom{width:20px;height:20px;border:2px solid var(--color-gray);border-radius:50%;margin-right:10px;position:relative;transition:all var(--transition-base)}.radio-custom::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);width:10px;height:10px;background:var(--color-primary);border-radius:50%;transition:transform var(--transition-base)}.radio-label input[type=radio]:checked~.radio-custom{border-color:var(--color-primary)}.radio-label input[type=radio]:checked~.radio-custom::after{transform:translate(-50%,-50%) scale(1)}.radio-label input[type=radio]:focus~.radio-custom{box-shadow:0 0 0 3px rgba(52,152,219,.2)}.radio-group.error .radio-custom{border-color:red}.radio-group.error legend{color:#f66}.modal-form-group .radio-group{margin-top:10px}.modal-form-group .radio-options{gap:15px}@media (max-width:768px){.form-section{padding:25px}.form-section h2{font-size:24px}.form-group-row{flex-direction:column;gap:0}.form-group-row .form-group,.form-group-row .modal-form-group{margin-bottom:20px}.form-group-row .form-group:last-child,.form-group-row .modal-form-group:last-child{margin-bottom:0}.radio-options{flex-direction:column;gap:12px}.radio-label{font-size:15px}}.referred-visitor .referral-bonus-notice{display:block!important;color:#0f0;font-weight:700;text-align:center;margin-bottom:15px;font-size:18px;padding:10px;background:rgba(0,255,0,.1);border:2px solid #0f0;border-radius:5px}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:.3}}.blinking-text{animation:blink 1s infinite;display:inline-block}.confirmation{display:none;background:rgba(0,255,0,.1);border:2px solid var(--color-success);border-radius:var(--radius-md);padding:30px;margin:30px 0;text-align:center}.confirmation h3{color:var(--color-success);font-size:28px;margin-bottom:15px}@media (max-width:768px){.confirmation{padding:20px;margin:20px 0;border-radius:0;border-left:none;border-right:none}}.social-proof{background:var(--bg-card);border-radius:var(--radius-md);padding:30px;margin:30px 0;text-align:center}.neighbor-avatars{display:flex;justify-content:center;margin:20px 0;position:relative}.avatar{width:50px;height:50px;border-radius:50%;background:var(--color-primary);display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:20px;margin:0 -10px;border:3px solid var(--bg-primary);position:relative;z-index:var(--z-base)}.avatar:first-child{z-index:5}.avatar:nth-child(2){z-index:4}.avatar:nth-child(3){z-index:3}.avatar:nth-child(4){z-index:2}.avatar:nth-child(5){z-index:1}.share-page{padding:2rem 0;min-height:100vh}.share-hero{background:linear-gradient(135deg,#1a1a1a 0,#2a2a2a 100%);padding:3rem 0;text-align:center;border-bottom:2px solid var(--color-primary)}.share-hero h1{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem;font-weight:900}.hero-subtitle{font-size:1.2rem;color:var(--color-gray-light);margin-bottom:2rem}.user-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;max-width:500px;margin:2rem auto}.stat-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5rem 1rem;text-align:center;transition:all .3s ease}.stat-card:hover{background:rgba(255,255,255,.08);transform:translateY(-2px)}.stat-number{display:block;font-size:2rem;font-weight:900;color:var(--color-primary);margin-bottom:.5rem}.stat-label{font-size:.9rem;color:var(--color-gray-light);text-transform:uppercase;letter-spacing:.5px}.view-leaderboard-btn{display:inline-block;margin-top:1rem;padding:.75rem 2rem;background:0 0;border:2px solid var(--color-primary);color:var(--color-primary);border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.view-leaderboard-btn:hover{background:var(--color-primary);color:var(--color-dark);transform:translateY(-2px)}.share-content{padding:3rem 0}.share-box{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:2rem;margin-bottom:2rem}.share-box h2{color:var(--color-primary);margin-bottom:1rem;font-size:1.8rem}.share-instruction{color:var(--color-gray-light);margin-bottom:1.5rem}.link-box{background:rgba(0,0,0,.3);border-radius:10px;padding:1rem;margin-bottom:2rem}.link-input-group{display:flex;gap:.5rem;align-items:center}#referral-link{flex:1;background:0 0;border:1px solid rgba(255,255,255,.2);color:var(--color-text);padding:1rem;border-radius:5px;font-family:monospace;font-size:.9rem}.copy-btn{padding:1rem 1.5rem;background:var(--color-primary);color:var(--color-dark);border:none;border-radius:5px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.copy-btn:hover{background:var(--color-primary-dark);transform:translateY(-1px)}.copied-text{color:var(--color-primary)}.social-share{margin:2rem 0}.social-share h3{color:var(--color-text);margin-bottom:.5rem}.share-points{color:var(--color-primary);font-weight:600;margin-bottom:1rem}.social-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-top:1rem}.share-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;border:none;border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.share-btn svg{width:20px;height:20px}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#1a8cd8;transform:translateY(-2px)}.share-btn.facebook{background:#1877f2}.share-btn.facebook:hover{background:#166fe5;transform:translateY(-2px)}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#22c55e;transform:translateY(-2px)}.share-btn.email{background:#6366f1}.share-btn.email:hover{background:#5558e3;transform:translateY(-2px)}.points-info{margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.points-info h3{color:var(--color-text);margin-bottom:1rem}.points-list{list-style:none;padding:0}.points-list li{padding:.75rem 0;color:var(--color-gray-light);display:flex;align-items:center;gap:.5rem}.points-list li::before{content:"🎯";font-size:1.2rem}.points-list strong{color:var(--color-primary)}.share-tips{margin-top:2rem}.share-tips h3{color:var(--color-text);margin-bottom:1.5rem;font-size:1.5rem}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.tip-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:1.5rem;transition:all .3s ease}.tip-card:hover{background:rgba(255,255,255,.05);transform:translateY(-2px)}.tip-card h4{color:var(--color-primary);margin-bottom:.75rem}.tip-card p{color:var(--color-gray-light);line-height:1.6}.leaderboard-page{padding:2rem 0;min-height:100vh}.leaderboard-hero{background:linear-gradient(135deg,#1a1a1a 0,#2a2a2a 100%);padding:3rem 0;text-align:center;border-bottom:2px solid var(--color-primary)}.leaderboard-hero h1{font-size:2.5rem;color:var(--color-primary);margin-bottom:1rem;font-weight:900}.current-user-stats{background:rgba(0,255,0,.1);border:2px solid var(--color-primary);border-radius:15px;padding:2rem;margin:2rem auto;max-width:600px}.current-user-stats h3{color:var(--color-primary);margin-bottom:1.5rem;font-size:1.3rem}.user-stat-row{display:flex;justify-content:space-around;gap:2rem;margin-bottom:1.5rem}.stat-item{text-align:center}.stat-value{display:block;font-size:2rem;font-weight:900;color:var(--color-primary);margin-top:.5rem}.share-cta-btn{display:inline-block;padding:.75rem 2rem;background:var(--color-primary);color:var(--color-dark);border-radius:50px;text-decoration:none;font-weight:600;transition:all .3s ease}.share-cta-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.leaderboard-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.time-filter{display:flex;gap:.5rem;background:rgba(255,255,255,.05);border-radius:50px;padding:.25rem}.filter-btn{padding:.5rem 1.5rem;background:0 0;border:none;color:var(--color-gray-light);border-radius:50px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn:hover{color:var(--color-text)}.filter-btn.active{background:var(--color-primary);color:var(--color-dark)}.leaderboard-info{color:var(--color-gray);font-size:.9rem}.podium-section{margin:3rem 0}.podium{display:flex;justify-content:center;align-items:flex-end;gap:1rem;max-width:600px;margin:0 auto}.podium-place{flex:1;text-align:center;position:relative}.podium-content{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:10px 10px 0 0;padding:1.5rem 1rem;position:relative;z-index:2}.medal{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;font-weight:900;font-size:1.5rem}.medal.gold{background:linear-gradient(135deg,gold,orange);color:#fff;box-shadow:0 4px 20px rgba(255,215,0,.5)}.medal.silver{background:linear-gradient(135deg,silver,grey);color:#fff;box-shadow:0 4px 20px rgba(192,192,192,.5)}.medal.bronze{background:linear-gradient(135deg,#cd7f32,#8b4513);color:#fff;box-shadow:0 4px 20px rgba(205,127,50,.5)}.podium-name{font-size:1.1rem;color:var(--color-text);margin-bottom:.5rem;font-weight:600}.podium-points{font-size:1.5rem;color:var(--color-primary);font-weight:900;margin-bottom:.25rem}.podium-referrals{font-size:.9rem;color:var(--color-gray-light)}.podium-bar{background:rgba(255,255,255,.1);width:100%;position:relative}.podium-place.first .podium-bar{height:150px}.podium-place.second .podium-bar{height:120px}.podium-place.third .podium-bar{height:90px}.leaderboard-table-container{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.1);border-radius:15px;overflow:hidden;margin-top:2rem;-webkit-transform:translateZ(0);transform:translateZ(0)}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead{background:rgba(255,255,255,.05)}.leaderboard-table th{padding:1rem;text-align:left;color:var(--color-gray-light);font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:.5px}.leaderboard-table tbody tr{border-top:1px solid rgba(255,255,255,.05);transition:background .3s ease}.leaderboard-table tbody tr:hover{background:rgba(255,255,255,.03)}.leaderboard-table td{padding:1rem;color:var(--color-text)}.leaderboard-table td:first-child{font-weight:600;color:var(--color-primary)}.loading-state{text-align:center;padding:4rem 2rem}.loading-spinner{width:50px;height:50px;border:3px solid rgba(255,255,255,.1);border-top-color:var(--color-primary);border-radius:50%;margin:0 auto 1rem;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:4rem 2rem;color:var(--color-gray-light)}.empty-state p{margin-bottom:1.5rem;font-size:1.1rem}.join-cta{background:linear-gradient(135deg,rgba(0,255,0,.1),rgba(0,255,0,.05));border:2px solid var(--color-primary);border-radius:15px;padding:2rem;text-align:center;margin-top:3rem}.join-cta h3{color:var(--color-primary);margin-bottom:1rem;font-size:1.5rem}.join-cta p{color:var(--color-gray-light);margin-bottom:1.5rem;font-size:1.1rem}.join-btn{display:inline-block;padding:1rem 3rem;background:var(--color-primary);color:var(--color-dark);border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;transition:all .3s ease}.join-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 10px 30px rgba(0,255,0,.3)}@media (max-width:768px){.share-page{min-height:auto;padding-top:80px;-webkit-overflow-scrolling:touch;overflow-y:visible;scroll-behavior:auto}#referral-link{font-size:16px;-webkit-user-select:text;user-select:text}#referral-link:focus{outline:0;border-color:var(--color-primary)}.link-box{position:relative;overflow:hidden}.notification{top:80px!important}.leaderboard-hero h1,.share-hero h1{font-size:2rem}.user-stats{max-width:50%}.social-buttons{grid-template-columns:1fr 1fr}.tips-grid{grid-template-columns:1fr}.podium{gap:.5rem}.podium-name{font-size:.9rem}.podium-points{font-size:1.2rem}.leaderboard-table{font-size:.9rem}.leaderboard-table td,.leaderboard-table th{padding:.75rem .5rem}.filter-btn{padding:.5rem 1rem;font-size:.9rem}}@media (max-width:480px){.share-box{padding:1.5rem 1rem}.link-input-group{flex-direction:column}.copy-btn{width:100%}.user-stat-row{gap:1rem}.stat-value{font-size:1.5rem}}@media (max-width:768px){.mobile-device .leaderboard-page{-webkit-overflow-scrolling:auto}.mobile-device .leaderboard-table-container{contain:layout style}.mobile-device #update-time,.mobile-device .stat-number,.mobile-device .stat-value{will-change:contents;min-height:1.5em}.mobile-device .podium-points span,.mobile-device .podium-referrals span{display:inline-block;min-width:3ch;text-align:center}.mobile-device .filter-btn:hover,.mobile-device .share-cta-btn:hover,.mobile-device tr:hover{transform:none!important}.mobile-device{touch-action:pan-y}.mobile-device .leaderboard-table-container{overflow-x:hidden;touch-action:pan-y}.mobile-device .filter-btn,.mobile-device .share-cta-btn{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.mobile-device .leaderboard-page{position:relative;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch}}.survey-instructions{max-width:800px;margin:30px auto;background:#2a2a2a;padding:25px;border-radius:var(--radius-md);border:2px solid var(--color-success)}.survey-instructions-content{background:var(--bg-tertiary);padding:15px;border-radius:var(--radius-sm);margin-bottom:20px}.survey-step{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:start;color:var(--color-white);margin-bottom:12px}.survey-step-number{color:var(--color-success);font-weight:var(--font-weight-bold);white-space:nowrap}.survey-ranking-box{background:#333;padding:15px;border-left:4px solid var(--color-success);margin-top:10px}.survey-ranking-item{margin:8px 0}.survey-checkbox-container{background:var(--bg-tertiary);padding:15px;border-radius:var(--radius-sm);margin-bottom:20px}.survey-button-section{background:rgba(52,152,219,.1);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:30px;margin:30px 0;text-align:center;position:relative;overflow:hidden}.survey-button-section::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(52,152,219,.1),transparent);animation:shimmer 4s infinite}.survey-btn{background:var(--color-primary);color:var(--color-white);border:none;padding:15px 30px;font-size:16px;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:2px;cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-base);position:relative;z-index:var(--z-base);box-shadow:0 5px 20px rgba(52,152,219,.5)}.survey-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 5px 20px rgba(52,152,219,.5)}.survey-btn:active{transform:translateY(0)}@media (max-width:768px){.survey-instructions{padding:15px;margin:20px 10px}.survey-instructions-content{padding:12px}.survey-step{grid-template-columns:1fr;gap:5px}.survey-ranking-box{margin-left:0;padding:12px}}.social-share-section{margin-top:30px;padding-top:25px;border-top:2px solid rgba(0,255,0,.3)}.social-share-title{color:var(--color-white);font-size:18px;font-weight:var(--font-weight-bold);margin-bottom:15px;text-transform:uppercase;letter-spacing:1px;text-align:center}.social-share-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:16px;font-weight:var(--font-weight-bold);color:var(--color-white);text-decoration:none;cursor:pointer;transition:all var(--transition-base);text-transform:uppercase;letter-spacing:.5px}.share-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.share-btn.twitter{background:#1da1f2}.share-btn.twitter:hover{background:#1a8cd8}.share-btn.facebook{background:#4267b2}.share-btn.facebook:hover{background:#365899}.share-btn.whatsapp{background:#25d366}.share-btn.whatsapp:hover{background:#20b857}.share-btn.email{background:#ea4335}.share-btn.email:hover{background:#d33b2c}.share-impact-text{color:var(--color-gray-lighter);font-size:14px;margin-top:15px;font-style:italic;text-align:center}.social-share-buttons-icons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.share-btn-icon{width:50px;height:50px;border:none;border-radius:50%;font-size:20px;color:var(--color-white);background:#444;cursor:pointer;transition:all var(--transition-base);display:flex;align-items:center;justify-content:center;position:relative}.share-btn-icon:hover{transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.share-btn-icon:active{transform:translateY(-1px)}.share-btn-icon:disabled{opacity:.5;cursor:not-allowed;transform:none}.share-btn-icon.facebook:hover{background:#1877f2}.share-btn-icon.twitter:hover{background:#000}.share-btn-icon.whatsapp:hover{background:#25d366}.share-btn-icon.linkedin:hover{background:#0077b5}.share-btn-icon.instagram:hover{background:linear-gradient(45deg,#f09433 0,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%)}.share-btn-icon.email:hover{background:#ea4335}@media (max-width:768px){.social-share-buttons{flex-direction:column}.share-btn{width:100%;justify-content:center}.share-btn-icon{width:45px;height:45px;font-size:18px}.social-share-buttons-icons{gap:10px}}.toast-notification{position:fixed;bottom:-100px;left:50%;transform:translateX(-50%);background:var(--color-success);color:var(--bg-tertiary);padding:16px 24px;border-radius:8px;font-size:16px;font-weight:var(--font-weight-bold);display:flex;align-items:center;gap:12px;box-shadow:0 4px 20px rgba(0,255,0,.3);z-index:var(--z-toast);transition:bottom var(--transition-base)}.toast-notification.show{bottom:30px}.toast-notification i{font-size:20px}.modal *,.modal ::after,.modal ::before{box-sizing:border-box}.modal{display:none;position:fixed;z-index:var(--z-sticky);left:0;top:0;width:100%;height:100%;overflow:hidden;background-color:rgba(0,0,0,.9)}.modal[aria-hidden=false]{display:block}.modal__overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:var(--z-modal)}.modal__container{background-color:var(--bg-tertiary);padding:30px;position:relative;max-width:650px;width:90%;max-height:95vh;overflow-y:auto;overflow-x:hidden;border-radius:var(--radius-md);border:3px solid var(--color-primary);z-index:var(--z-modal-content);box-sizing:border-box}.modal__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.modal__title{font-size:28px;font-weight:var(--font-weight-black);text-transform:uppercase;color:var(--color-white);margin:0}.modal__close{background:0 0;border:none;color:var(--color-white);font-size:30px;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all var(--transition-base)}.modal__close:hover{background:rgba(255,255,255,.1);color:var(--color-primary)}.modal__content{color:var(--color-white)}.modal-form-group{margin-bottom:20px}.modal-form-group label{display:block;font-weight:var(--font-weight-bold);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;font-size:14px;color:var(--color-white)}.modal-form-group input{width:100%;padding:15px;background:var(--bg-input);border:2px solid var(--color-gray);border-radius:var(--radius-sm);color:var(--color-white);font-size:16px;transition:all var(--transition-base);box-sizing:border-box}.modal-form-group input:focus,.modal-form-group textarea:focus{outline:0;border-color:var(--color-primary);background:var(--bg-input-focus);box-shadow:0 0 0 3px rgba(52,152,219,.2)}.modal-submit-btn{width:100%;padding:20px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-size:20px;font-weight:var(--font-weight-black);text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all var(--transition-base);margin-top:10px}.modal-submit-btn:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 5px 20px rgba(52,152,219,.5)}.modal-submit-btn:active{transform:translateY(0)}.activation-bonus-alert{background:linear-gradient(135deg,rgba(0,255,0,.1) 0,rgba(0,255,0,.05) 100%);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:20px;margin-bottom:25px;display:flex;align-items:center;gap:20px}.bonus-icon{font-size:48px;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.activation-bonus-alert h3{margin:0 0 5px 0;color:var(--color-primary);font-size:20px}.activation-bonus-alert p{margin:0;color:var(--color-text-muted);font-size:14px}#activation-bonus-points{color:var(--color-accent);font-size:24px;font-weight:var(--font-weight-black)}.loading-spinner{width:50px;height:50px;position:relative}.spinner{width:100%;height:100%;border:4px solid rgba(0,255,0,.1);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.referral-code-display{background:rgba(0,255,0,.1);border:2px solid var(--color-primary);padding:15px;border-radius:var(--radius-md);margin-bottom:20px;text-align:center}@media (max-width:768px){.modal__container{width:calc(100% - 30px);max-width:calc(100vw - 30px);margin:15px;padding:25px}.modal__title{font-size:22px}.modal__container .form-group-row{flex-direction:column}.modal__container .form-group-row>*{margin-bottom:15px}.modal__container .form-group-row>:last-child{margin-bottom:0}.activation-bonus-alert{flex-direction:column;text-align:center;padding:15px}.bonus-icon{font-size:36px}.activation-bonus-alert h3{font-size:18px}#activation-bonus-points{font-size:20px}}@media (max-width:480px){.modal__container{width:calc(100% - 20px);max-width:calc(100vw - 20px);margin:10px;padding:20px}.modal__title{font-size:20px}.modal-form-group input,.modal-form-group textarea{width:100%;max-width:100%;box-sizing:border-box}.modal__close{width:35px;height:35px;font-size:25px}.modal-form-group input,.modal-form-group textarea{padding:12px;font-size:16px}.modal-submit-btn{padding:15px;font-size:18px}.activation-bonus-alert{padding:12px}.bonus-icon{font-size:30px}}.message{padding:15px;border-radius:var(--radius-sm);margin-bottom:20px;font-weight:var(--font-weight-bold);display:none}.message.success{background:rgba(0,255,0,.1);border:2px solid var(--color-success);color:var(--color-success)}.message.error{background:rgba(255,0,0,.1);border:2px solid var(--color-error);color:var(--color-error)}.financial-status-card{background:var(--bg-card);border:2px solid rgba(52,152,219,.3);border-radius:15px;padding:40px;margin:60px auto;max-width:1200px}.financial-status-card .card-title{font-size:32px;font-weight:var(--font-weight-black);text-align:center;margin-bottom:40px;color:var(--color-white);text-transform:uppercase;letter-spacing:2px}.financial-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:30px 0}.financial-item{display:flex;align-items:center;gap:20px;padding:20px;background:rgba(255,255,255,.02);border-radius:10px;transition:transform .3s ease}.financial-item:hover{transform:translateY(-5px);background:rgba(255,255,255,.05)}.financial-icon{font-size:40px;color:var(--color-primary)}.financial-item.costs .financial-icon{color:#f90}.financial-item.donations .financial-icon{color:#0f0}.financial-item.balance .financial-icon{color:var(--color-primary)}.financial-content h3{font-size:16px;text-transform:uppercase;letter-spacing:1px;margin-bottom:10px;opacity:.8;color:var(--color-gray-light)}.financial-content .amount{font-size:32px;font-weight:var(--font-weight-black);color:var(--color-white);line-height:1}.financial-content .sublabel{font-size:14px;color:var(--color-gray-light);margin-top:5px;opacity:.8}.donate-cta{text-align:center;margin-top:30px;padding-top:30px;border-top:1px solid rgba(255,255,255,.1)}.donate-cta p{font-size:18px;margin-bottom:20px;opacity:.9}.donate-button{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:15px 40px;border-radius:50px;text-decoration:none;font-weight:700;font-size:18px;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.donate-button:hover{background:var(--color-primary-dark);transform:scale(1.05);box-shadow:0 5px 20px rgba(52,152,219,.4)}.donate-button i{margin-right:10px}.skeleton-loader{display:block;width:140px;height:32px;background:linear-gradient(90deg,rgba(255,255,255,.05) 25%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.05) 75%);background-color:rgba(255,255,255,.1);background-size:200% 100%;animation:shimmer 2s infinite linear;border-radius:4px;margin-bottom:10px}.financial-content.loading .amount,.financial-content.loading .sublabel{display:none}.financial-content.loading .skeleton-loader{display:block}.financial-content:not(.loading) .amount,.financial-content:not(.loading) .sublabel{display:block}.financial-content:not(.loading) .skeleton-loader{display:none}@media (max-width:768px){.financial-status-card{padding:20px;margin:40px 10px}.financial-status-card .card-title{font-size:24px}.financial-grid{gap:20px}.financial-item{padding:15px}.financial-icon{font-size:30px}.financial-content .amount{font-size:24px}.donate-button{padding:12px 30px;font-size:16px}}.feeds-page{min-height:100vh;padding-top:20px}.feeds-hero{background:linear-gradient(135deg,var(--bg-card) 0,rgba(0,51,102,.8) 100%);padding:60px 0 40px;margin-bottom:40px;position:relative;overflow:hidden}.feeds-hero::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,102,0,.1) 0,transparent 70%);animation:pulse 4s ease-in-out infinite}.hero-title{font-size:48px;font-weight:var(--font-weight-black);text-align:center;margin-bottom:10px;color:var(--color-primary);text-transform:uppercase;letter-spacing:2px;position:relative;z-index:1}.hero-subtitle{font-size:20px;text-align:center;color:var(--color-gray-lighter);margin-bottom:40px;position:relative;z-index:1}.stats-bar{display:flex;justify-content:center;gap:60px;flex-wrap:wrap;position:relative;z-index:1}.stat-item{text-align:center;min-width:120px}.stat-number{font-size:42px;font-weight:var(--font-weight-black);color:var(--color-white);display:block;line-height:1;margin-bottom:8px}.stat-label{font-size:14px;color:var(--color-gray-light);text-transform:uppercase;letter-spacing:1px}.loading-placeholder{display:inline-block;color:var(--color-gray);animation:pulse 1.5s ease-in-out infinite}.count-animate{display:inline-block;animation:countUp .6s ease-out}@keyframes countUp{from{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.signup-trends{padding:40px 0;background:var(--bg-card);margin-bottom:40px;border-radius:var(--radius-md)}.hot-topics{padding:40px 0;background:linear-gradient(135deg,var(--bg-card) 0,rgba(255,102,0,.05) 100%);margin-bottom:40px;border-radius:var(--radius-md);border:1px solid rgba(255,102,0,.2)}.hot-topics .section-title{color:var(--color-primary);margin-bottom:10px}.hot-topics .section-title .fa-fire{margin-right:10px;color:#ff4500;animation:fireFlicker 2s ease-in-out infinite}@keyframes fireFlicker{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.hot-topics-subtitle{text-align:center;color:var(--color-gray-light);font-size:16px;margin-bottom:30px;font-style:italic}.hot-topics-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;max-width:1000px;margin:0 auto}.hot-topic-card{background:rgba(255,255,255,.05);border-radius:var(--radius-md);padding:25px;border-left:5px solid var(--color-primary);transition:all .3s ease;position:relative;overflow:hidden;opacity:0;transform:translateY(20px)}.hot-topic-card.visible{opacity:1;transform:translateY(0)}.hot-topic-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,.3);background:rgba(255,255,255,.08)}.hot-topic-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-primary),#ff4500)}.hot-topic-card.rank-1{border-left-color:gold;background:linear-gradient(135deg,rgba(255,215,0,.1) 0,rgba(255,255,255,.05) 100%)}.hot-topic-card.rank-1::before{background:linear-gradient(90deg,gold,#fa0)}.hot-topic-card.rank-2{border-left-color:silver;background:linear-gradient(135deg,rgba(192,192,192,.1) 0,rgba(255,255,255,.05) 100%)}.hot-topic-card.rank-2::before{background:linear-gradient(90deg,silver,#888)}.hot-topic-card.rank-3{border-left-color:#cd7f32;background:linear-gradient(135deg,rgba(205,127,50,.1) 0,rgba(255,255,255,.05) 100%)}.hot-topic-card.rank-3::before{background:linear-gradient(90deg,#cd7f32,sienna)}.hot-topic-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:15px}.hot-topic-rank{font-size:36px;font-weight:var(--font-weight-black);opacity:.3;line-height:1}.hot-topic-rank.rank-1{color:gold;opacity:.8}.hot-topic-rank.rank-2{color:silver;opacity:.8}.hot-topic-rank.rank-3{color:#cd7f32;opacity:.8}.hot-topic-info{flex:1;margin-right:15px}.hot-topic-title{font-size:22px;font-weight:var(--font-weight-bold);color:var(--color-white);margin:0 0 8px 0;line-height:1.2}.hot-topic-description{color:var(--color-gray-lighter);line-height:1.5;margin:0 0 15px 0;font-size:15px}.hot-topic-frequency{display:flex;align-items:center;gap:8px;color:var(--color-primary);font-weight:var(--font-weight-bold);font-size:14px}.hot-topic-frequency .fa-users{font-size:16px}.frequency-bar{height:4px;background:rgba(255,102,0,.2);border-radius:2px;margin-top:10px;overflow:hidden}.frequency-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),#ff4500);border-radius:2px;transition:width 1s ease-out;animation:fillBar 2s ease-out}@keyframes fillBar{from{width:0}to{width:var(--fill-width)}}.hot-topics-empty,.hot-topics-error,.hot-topics-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;text-align:center;color:var(--color-gray-light)}.hot-topics-loading .loading-spinner{width:40px;height:40px;margin-bottom:15px}.hot-topics-empty i,.hot-topics-error i{font-size:36px;margin-bottom:15px;color:var(--color-gray)}.hot-topics-error i{color:var(--color-error)}.section-title{font-size:32px;font-weight:var(--font-weight-bold);text-align:center;margin-bottom:30px;color:var(--color-primary);text-transform:uppercase}.graph-container{position:relative;height:400px;max-width:1000px;margin:0 auto;padding:20px}.graph-loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}#signup-chart{width:100%!important;height:100%!important}.all-feeds{padding:40px 0 80px}.feeds-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;flex-wrap:wrap;gap:20px}.feeds-count{color:var(--color-gray-light);font-size:16px}.feeds-count span{color:var(--color-primary);font-weight:var(--font-weight-bold)}.feeds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:40px}.participant-card{background:rgba(255,255,255,.03);border-radius:var(--radius-md);padding:20px;border-left:4px solid var(--color-primary);transition:all .3s ease;opacity:0;transform:translateY(20px)}.participant-card.visible{opacity:1;transform:translateY(0)}.participant-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.participant-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.participant-info{flex:1}.participant-name{font-size:18px;font-weight:var(--font-weight-bold);margin:0 0 4px 0;color:#e0e0e0}.participant-time{font-size:14px;color:var(--color-gray-light)}.participant-number{font-size:24px;font-weight:var(--font-weight-black);color:var(--color-primary);opacity:.5}.participant-comment{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);position:relative}.participant-comment .fa-quote-left{position:absolute;top:12px;left:0;color:var(--color-primary);opacity:.3;font-size:20px}.participant-comment p{margin:0;padding-left:30px;font-style:italic;color:var(--color-gray-lighter);line-height:1.5}.empty-state,.error-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;color:var(--color-gray-light)}.loading-state .loading-spinner{width:50px;height:50px;margin-bottom:20px}.empty-state i,.error-state i{font-size:48px;margin-bottom:20px;color:var(--color-gray)}.error-state i{color:var(--color-error)}.retry-button{margin-top:20px;padding:12px 24px;background:var(--color-primary);color:var(--color-white);border:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;gap:8px}.retry-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.cta-button{display:inline-block;margin-top:20px;padding:12px 32px;background:var(--color-primary);color:var(--color-white);text-decoration:none;border-radius:var(--radius-sm);font-weight:var(--font-weight-bold);transition:all .2s ease}.cta-button:hover{background:var(--color-primary-dark);transform:translateY(-2px)}.feeds-footer{background:var(--bg-card);padding:30px 0;margin-top:60px;border-top:1px solid rgba(255,255,255,.1)}.feeds-footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.feeds-footer p{margin:0;color:var(--color-gray-light)}.footer-nav{display:flex;gap:20px}.footer-nav a{color:var(--color-gray-light);text-decoration:none;transition:color .2s ease}.footer-nav a:hover{color:var(--color-primary)}@media (max-width:768px){.feeds-hero{padding:40px 0 30px}.hero-title{font-size:32px}.hero-subtitle{font-size:16px;padding:0 20px}.stats-bar{gap:30px}.stat-item{min-width:100px}.stat-number{font-size:32px}.stat-label{font-size:12px}.section-title{font-size:24px}.graph-container{height:300px;padding:10px}.feeds-grid{grid-template-columns:1fr;gap:15px}.feeds-header{flex-direction:column;align-items:flex-start}.participant-card{padding:15px}.participant-name{font-size:16px}.participant-number{font-size:20px}.feeds-footer .container{flex-direction:column;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center}.hot-topics-container{grid-template-columns:1fr;gap:15px}.hot-topic-card{padding:20px}.hot-topic-title{font-size:20px}.hot-topic-rank{font-size:28px}}@media (max-width:480px){.hero-title{font-size:28px}.stats-bar{gap:20px}.stat-number{font-size:28px}}.d-none{display:none!important}.d-block{display:block!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-flex{display:flex!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-uppercase{text-transform:uppercase!important}.text-lowercase{text-transform:lowercase!important}.text-capitalize{text-transform:capitalize!important}.fw-normal{font-weight:var(--font-weight-normal)!important}.fw-bold{font-weight:var(--font-weight-bold)!important}.fw-black{font-weight:var(--font-weight-black)!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.ml-0{margin-left:0!important}.mr-0{margin-right:0!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.pb-0{padding-bottom:0!important}.pl-0{padding-left:0!important}.pr-0{padding-right:0!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:sticky!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-visible{overflow:visible!important}.overflow-scroll{overflow:scroll!important}.cursor-pointer{cursor:pointer!important}.cursor-default{cursor:default!important}.cursor-not-allowed{cursor:not-allowed!important}.rounded-0{border-radius:0!important}.rounded{border-radius:var(--radius-sm)!important}.rounded-lg{border-radius:var(--radius-md)!important}.rounded-circle{border-radius:var(--radius-full)!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}html.user-registered .form-section form,html.user-registered .hero .register-btn,html.user-registered .survey-button-section>:not(.already-registered-banner):not(#registered-share-container){display:none!important}html.user-registered .already-registered-banner{display:block!important}html.user-registered .form-section,html.user-registered .survey-button-section{min-height:200px;display:flex;flex-direction:column;justify-content:center}body.user-registered .form-section form,body.user-registered .hero .register-btn,body.user-registered .survey-button-section>:not(.already-registered-banner):not(#registered-share-container){display:none!important}@media (max-width:768px){.mobile-hide{display:none!important}.mobile-show{display:block!important}.mobile-text-sm{font-size:14px!important}.mobile-text-xs{font-size:12px!important}.mobile-p-0{padding:0!important}.mobile-p-sm{padding:10px!important}.mobile-p-md{padding:15px!important}.mobile-m-0{margin:0!important}.mobile-m-sm{margin:10px!important}.mobile-m-md{margin:15px!important}.mobile-w-100{width:100%!important}.mobile-stack{flex-direction:column!important}.mobile-text-center{text-align:center!important}.mobile-no-border{border:none!important}.mobile-no-radius{border-radius:0!important}}@media (min-width:769px){.desktop-hide{display:none!important}.desktop-show{display:block!important}}