*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--color-primary:#2563eb;--color-secondary:#7c3aed;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-background:#f9fafb;--color-card:#fff;--color-text-primary:#1f2937;--color-text-secondary:#6b7280;--color-text-light:#9ca3af;--color-text-white:#fff;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--radius-sm:0.25rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--space-32:8rem;--transition-default:0.3s ease-in-out;--transition-fast:0.15s ease-in-out;--transition-slow:0.5s ease-in-out}body,html{height:100%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9fafb;background-color:var(--color-background);color:#1f2937;color:var(--color-text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);line-height:1.5}#root,.app-container{display:flex;flex-direction:column;min-height:100vh}main{flex:1 1;padding:1rem;padding:var(--space-4)}@media (min-width:768px){main{padding:2rem;padding:var(--space-8)}}h1,h2,h3,h4,h5,h6{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-family:var(--font-family);font-weight:700;font-weight:var(--font-weight-bold);line-height:1.2;margin-bottom:1rem;margin-bottom:var(--space-4)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}p{margin-bottom:1rem;margin-bottom:var(--space-4)}a{color:#2563eb;color:var(--color-primary);text-decoration:none;transition:color .15s ease-in-out;transition:color var(--transition-fast)}a:hover{color:#7c3aed;color:var(--color-secondary)}button,input,select,textarea{font-family:inherit;font-size:100%;line-height:1.15}button{cursor:pointer}.card{background-color:#fff;background-color:var(--color-card);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);margin-bottom:1.5rem;margin-bottom:var(--space-6);padding:1.5rem;padding:var(--space-6)}.btn{border-radius:var(--radius-md);font-weight:500;font-weight:var(--font-weight-medium);padding:.5rem 1rem;padding:var(--space-2) var(--space-4);text-align:center;transition:all .15s ease-in-out;transition:all var(--transition-fast)}.btn-primary{background-color:#2563eb;background-color:var(--color-primary);color:var(--color-text-white)}.btn-primary:hover{background-color:#7c3aed;background-color:var(--color-secondary)}.btn-secondary{background-color:initial;border:1px solid #2563eb;border:1px solid var(--color-primary);color:#2563eb;color:var(--color-primary)}.btn-secondary:hover{background-color:#f9fafb;background-color:var(--color-background)}.btn-danger{background-color:#ef4444;color:var(--color-text-white)}.btn-success{background-color:#10b981;background-color:var(--color-success);color:#fff;color:var(--color-text-white)}.btn-success:hover{background-color:#059669}.form-group{margin-bottom:1rem}.form-label{color:#6b7280;color:var(--color-text-secondary);display:block;font-weight:500;font-weight:var(--font-weight-medium);margin-bottom:.5rem;margin-bottom:var(--space-2)}.form-control{border:1px solid #9ca3af;border:1px solid var(--color-text-light);border-radius:.5rem;border-radius:var(--radius-md);font-size:1rem;padding:.75rem;padding:var(--space-3);transition:border-color .15s ease-in-out;transition:border-color var(--transition-fast);width:100%}.form-control:focus{border-color:#2563eb;border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb40;outline:none}.error-message{color:#ef4444;color:var(--color-error);font-size:.875rem;margin-top:.25rem;margin-top:var(--space-1)}.container{padding:0 var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-column{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem;gap:var(--space-2)}.gap-4{gap:1rem;gap:var(--space-4)}.mb-1{margin-bottom:.25rem;margin-bottom:var(--space-1)}.mb-2{margin-bottom:.5rem;margin-bottom:var(--space-2)}.mb-4{margin-bottom:1rem;margin-bottom:var(--space-4)}.mt-2{margin-top:.5rem;margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.py-2{padding-bottom:.5rem;padding-bottom:var(--space-2);padding-top:.5rem;padding-top:var(--space-2)}.py-4{padding-bottom:1rem;padding-bottom:var(--space-4);padding-top:1rem;padding-top:var(--space-4)}.px-4{padding-left:1rem;padding-left:var(--space-4);padding-right:1rem;padding-right:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.fade-in{animation:fadeIn .5s ease-in}.slide-in{animation:slideIn .3s ease-out}.loading-container{height:100%;min-height:200px;width:100%}.spinner{animation:spin 1s ease infinite;border:4px solid #0000001a;border-top:4px solid var(--color-primary);height:40px;width:40px}.pwa-install-banner{animation:slideUp .6s ease-out forwards;background:linear-gradient(135deg,#2563eb,#7c3aed 50%,#ec4899);bottom:0;box-shadow:0 -10px 25px #0003;left:0;overflow:hidden;position:fixed;right:0;transform:translateY(100%);z-index:1000}@keyframes slideUp{to{transform:translateY(0)}}.pwa-banner-content{align-items:center;display:flex;gap:16px;margin:0 auto;max-width:1200px;padding:16px 20px;position:relative;z-index:2}.banner-coins{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.coin{animation:floatCoins 8s ease-in-out infinite;font-size:18px;opacity:.3;position:absolute}.coin-2{animation-delay:2s;left:80%;top:60%}.coin-3{animation-delay:4s;left:50%;top:40%}@keyframes floatCoins{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-15px) rotate(10deg)}}.banner-main{flex:1 1;gap:12px;min-width:0}.banner-icon,.banner-main{align-items:center;display:flex}.banner-icon{justify-content:center;position:relative}.app-icon{animation:pulse 2s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;font-size:28px;padding:8px}.install-arrow{align-items:center;animation:bounce 1.5s ease-in-out infinite;background:#10b981;border-radius:50%;bottom:-8px;display:flex;font-size:16px;height:24px;justify-content:center;position:absolute;right:-8px;width:24px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-4px)}60%{transform:translateY(-2px)}}.banner-text{color:#fff;min-width:0}.banner-title{font-size:16px;font-weight:700;margin-bottom:2px;text-shadow:0 1px 2px #0000004d}.banner-subtitle{font-size:13px;line-height:1.3;opacity:.95;text-shadow:0 1px 2px #0003}.highlight{color:gold;font-weight:600;text-shadow:0 1px 2px #0006}.banner-actions{flex-shrink:0;gap:8px}.banner-actions,.install-btn{align-items:center;display:flex}.install-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:none;border-radius:25px;box-shadow:0 4px 12px #00000026;color:#2563eb;cursor:pointer;font-size:14px;font-weight:600;gap:6px;overflow:hidden;padding:10px 16px;position:relative;transition:all .3s ease}.install-btn:before{background:linear-gradient(90deg,#0000,#fff6,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s ease;width:100%}.install-btn:hover:before{left:100%}.install-btn:hover{background:#fff;box-shadow:0 6px 16px #0003;transform:translateY(-2px)}.install-btn:active{transform:translateY(0)}.install-btn:disabled{cursor:not-allowed;opacity:.8;transform:none}.install-icon{animation:downloadPulse 2s ease-in-out infinite;font-size:12px}@keyframes downloadPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.spinner{animation:spin 1s linear infinite;border:2px solid #2563eb4d;border-top-color:#2563eb;height:14px;width:14px}.dismiss-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:16px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.dismiss-btn:hover{background:#ffffff4d;transform:rotate(90deg)}.banner-glow{animation:glow 3s ease-in-out infinite alternate;background:radial-gradient(ellipse at center,#ffffff1a 0,#0000 70%);bottom:-50%;left:-20%;pointer-events:none;position:absolute;right:-20%;top:-50%}@media (max-width:768px){.pwa-banner-content{gap:12px;padding:14px 16px}.banner-title{font-size:15px}.banner-subtitle{font-size:12px}.install-btn{font-size:13px;padding:8px 12px}.app-icon{font-size:24px;padding:6px}}@media (max-width:480px){.pwa-banner-content{gap:10px;padding:12px 14px}.banner-title{font-size:14px}.banner-subtitle{font-size:11px}.install-btn{font-size:12px;padding:7px 10px}}@media (max-height:500px) and (max-width:768px){.pwa-install-banner{display:none}}@media (prefers-reduced-motion:reduce){.app-icon,.banner-glow,.coin,.install-arrow,.install-icon,.pwa-install-banner{animation:none}.install-btn:hover{transform:none}}@media (prefers-contrast:high){.pwa-install-banner{background:linear-gradient(135deg,#1a56db,#6b21a8 50%,#be185d);border-top:2px solid #fff}.banner-subtitle,.banner-title{text-shadow:none}.install-btn{border:2px solid #2563eb}}.notification-show{opacity:1;transform:translateY(0)}.modal-container{max-width:450px}.modal-content{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;padding:1.5rem;text-align:center}.modal-content h2{margin-bottom:.75rem}.modal-content p{margin-bottom:1.5rem}.modal-actions{gap:.75rem;justify-content:center}@media (max-width:480px){.modal-actions{flex-direction:column;gap:.5rem}.modal-actions button{width:100%}}.header{background-color:var(--color-card);box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:0;z-index:10}.header-container{justify-content:space-between;padding:var(--space-4) 0}.header-container,.logo{align-items:center;display:flex}.logo{color:var(--color-primary);font-size:1.5rem;font-weight:var(--font-weight-bold);gap:var(--space-2)}.desktop-nav{display:none}@media (min-width:768px){.desktop-nav{align-items:center;display:flex;gap:var(--space-6)}}.nav-link{border-radius:var(--radius-md);color:var(--color-text-primary);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}.nav-link:hover{background-color:var(--color-background);color:var(--color-primary)}.nav-link.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.btn-outline{background-color:initial;border:1px solid var(--color-primary);border-radius:var(--radius-md);color:var(--color-primary);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all var(--transition-fast)}.btn-outline:hover{background-color:var(--color-background)}.mobile-menu-button{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1.5rem;justify-content:center}@media (min-width:768px){.mobile-menu-button{display:none}}.mobile-menu{background-color:var(--color-card);border-top:1px solid var(--color-background);display:flex;flex-direction:column;padding:var(--space-4)}.mobile-nav-link{border-radius:var(--radius-md);color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);padding:var(--space-3)}.mobile-nav-link:hover{background-color:var(--color-background)}.mobile-nav-link.active{color:var(--color-primary);font-weight:var(--font-weight-bold)}.footer{background:linear-gradient(135deg,#2563eb,#7c3aed);border-top-left-radius:3rem;border-top-right-radius:3rem;color:#fff;margin-top:4rem;overflow:hidden;padding:4rem 0 2rem;position:relative}.footer:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.footer-content{display:flex;flex-direction:column;gap:2.5rem;margin:0 auto;max-width:1200px;padding:0 1.5rem;position:relative;z-index:1}@media (min-width:768px){.footer-content{flex-direction:row;gap:3rem}.footer-primary{flex:1 1;max-width:45%}.footer-secondary{display:flex;flex:1 1;justify-content:space-around}}.footer-logo,.footer-primary{margin-bottom:1rem}.footer-logo{align-items:center;color:#fff;display:flex;font-size:1.5rem;font-weight:700;text-decoration:none}.footer-logo-icon{font-size:1.75rem;margin-right:.5rem}.footer-text{color:#ffffffb3;font-size:.9rem;line-height:1.5;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem;margin-top:1rem}.social-link{align-items:center;background-color:#ffffff1a;border-radius:50%;color:#fff;display:flex;font-size:1.25rem;height:40px;justify-content:center;text-decoration:none;transition:all .3s ease;width:40px}.social-link:hover{background-color:#fff3;transform:translateY(-3px)}.footer-secondary{display:flex;flex-direction:column;gap:2rem}@media (min-width:480px){.footer-secondary{flex-direction:row;flex-wrap:wrap;justify-content:space-between}.footer-app,.footer-nav{flex:1 1;min-width:45%}}.footer-heading{color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;margin-bottom:1.5rem;position:relative}.footer-heading:after{background-color:#ffffff80;border-radius:3px;bottom:-8px;content:"";height:3px;left:0;position:absolute;width:30px}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{align-items:center;color:#ffffffb3;display:flex;font-size:.9rem;text-decoration:none;transition:all .3s ease}.footer-link:hover{color:#fff;transform:translateX(5px)}.footer-link:before{content:"→";margin-right:.5rem;opacity:0;transform:translateX(-10px);transition:all .3s ease}.footer-link:hover:before{opacity:1;transform:translateX(0)}.app-badges{flex-direction:column}.app-badge,.app-badges{display:flex;gap:.75rem}.app-badge{align-items:center;background-color:#fff;border-radius:.75rem;color:#1f2937;max-width:200px;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.app-badge:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}.app-badge-icon{font-size:1.75rem}.app-badge-text{display:flex;flex-direction:column}.app-badge-text small{color:#6b7280;font-size:.7rem}.app-badge-text strong{font-size:.9rem}.bottom-bar{border-top:1px solid #ffffff1a;color:#ffffff80;display:flex;flex-direction:column;font-size:.85rem;gap:1rem;margin-left:auto;margin-right:auto;margin-top:3rem;max-width:1200px;padding-left:1.5rem;padding-right:1.5rem;padding-top:1.5rem;position:relative;text-align:center;z-index:1}@media (min-width:768px){.bottom-bar{flex-direction:row;justify-content:space-between;text-align:left}}.copyright{margin:0}.footer-bottom-links{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}@media (min-width:768px){.footer-bottom-links{justify-content:flex-end}}.footer-bottom-link{color:#ffffff80;font-size:.85rem;text-decoration:none;transition:color .3s ease}.footer-bottom-link:hover{color:#fff}.footer-coin{align-items:center;background-color:#ffffff1a;border-radius:50%;display:flex;font-size:1.25rem;height:40px;justify-content:center;position:absolute;width:40px;z-index:0}.footer-coin-1{animation:footerFloat 6s ease-in-out infinite;left:5%;top:20%}.footer-coin-2{animation:footerFloat 8s ease-in-out infinite;animation-delay:1s;right:7%;top:50%}.footer-coin-3{animation:footerFloat 7s ease-in-out infinite;animation-delay:2s;bottom:30%;left:15%}@keyframes footerFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.footer-wave{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 120' preserveAspectRatio='none'%3E%3Cpath d='M0 0v46.29c47.79 22.2 103.59 32.17 158 28 70.36-5.37 136.33-33.31 206.8-37.5 73.84-4.36 147.54 16.88 218.2 35.26 69.27 18 138.3 24.88 209.4 13.08 36.15-6 69.85-17.84 104.45-29.34C989.49 25 1113-14.29 1200 52.47V0Z' opacity='.25' fill='%23FFF'/%3E%3Cpath d='M0 0v15.81c13 21.11 27.64 41.05 47.69 56.24C99.41 111.27 165 111 224.58 91.58c31.15-10.15 60.09-26.07 89.67-39.8 40.92-19 84.73-46 130.83-49.67 36.26-2.85 70.9 9.42 98.6 31.56 31.77 25.39 62.32 62 103.63 73 40.44 10.79 81.35-6.69 119.13-24.28s75.16-39 116.92-43.05c59.73-5.85 113.28 22.88 168.9 38.84 30.2 8.66 59 6.17 87.09-7.5 22.43-10.89 48-26.93 60.65-49.24V0Z' opacity='.5' fill='%23FFF'/%3E%3Cpath d='M0 0v5.63C149.93 59 314.09 71.32 475.83 42.57c43-7.64 84.23-20.12 127.61-26.46 59-8.63 112.48 12.24 165.56 35.4C827.93 77.22 886 95.24 951.2 90c86.53-7 172.46-45.71 248.8-84.81V0Z' fill='%23FFF'/%3E%3C/svg%3E");background-size:100% 100%;height:20px;left:0;position:absolute;top:-10px;width:100%;z-index:1}.modal-container{max-width:550px}.modal-content{background-color:#fff;border-radius:1rem;padding:2rem}.modal-close{background-color:#f3f4f6;border:none}.modal-close:hover{background-color:#e5e7eb}.modal-header{margin-bottom:1.5rem;text-align:center}.pwa-icon{font-size:3rem;margin-bottom:1rem}.modal-header h2{color:#1f2937;font-size:1.75rem;margin-bottom:.5rem}.modal-header p{color:#6b7280}.installation-instructions{margin-bottom:1.5rem}.device-instructions{background-color:#f9fafb;border-radius:.75rem;margin-bottom:1rem;padding:1.5rem}.device-instructions h3{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.device-instructions ol{margin-bottom:1rem;padding-left:1.5rem}.device-instructions li{color:#4b5563;margin-bottom:.75rem}.android-menu-icon,.chrome-menu-icon,.ios-share-icon{display:inline-block;font-weight:700;margin:0 .25rem}.instruction-image{background-color:#e5e7eb;background-position:50%;background-repeat:no-repeat;background-size:contain;border-radius:.5rem;height:180px;margin-top:1rem}.ios-image{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m255.9 120.9 9.1-15.7c5.6-9.8 18.1-13.1 27.9-7.5 9.8 5.6 13.1 18.1 7.5 27.9l-87.5 151.5h63.3c20.5 0 32 24.1 23.1 40.8H113.8c-11.3 0-20.4-9.1-20.4-20.4 0-11.3 9.1-20.4 20.4-20.4h52l66.6-115.4-20.8-36.1c-5.6-9.8-2.3-22.2 7.5-27.9 9.8-5.6 22.2-2.3 27.9 7.5l8.9 15.7zm-78.7 218-19.6 34c-5.6 9.8-18.1 13.1-27.9 7.5-9.8-5.6-13.1-18.1-7.5-27.9l14.6-25.2c16.4-5.1 29.8-1.2 40.4 11.6zm168.9-61.7h53.1c11.3 0 20.4 9.1 20.4 20.4 0 11.3-9.1 20.4-20.4 20.4h-29.5l19.9 34.5c5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5-33.5-58.3-58.7-101.9-75.4-130.9-17-29.5-4.8-58.7 15.2-68.6 20.2-10 50.9-13.3 75.5 30.4 25.2 44.7 43.6 82.8 76.6 144.4 5.6 9.8 2.3 22.2-7.5 27.9-9.8 5.6-22.2 2.3-27.9-7.5L393 337.9h-22.6l-52.1-90.7z"/></svg>')}.android-image{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="m380.91 199 42.47-73.57a8.63 8.63 0 0 0-3.12-11.76 8.52 8.52 0 0 0-11.71 3.12l-43 74.52c-32.83-14.05-69.78-21.55-108.81-21.55-39.43 0-76.7 7.52-109.78 21.64l-42.66-74.31a8.51 8.51 0 0 0-11.7-3.12 8.64 8.64 0 0 0-3.12 11.75L131 199c-51 26.57-84.62 69.56-84.62 119.7h418.15c0-50-33.51-92.93-84.39-119.4zm-182.34 65.43a14.15 14.15 0 1 1 14.14-14.14 14.14 14.14 0 0 1-14.14 14.14zm114.29 0A14.15 14.15 0 1 1 327 250.29a14.14 14.14 0 0 1-14.14 14.14z"/><path d="M131.09 308.88H84.5a8.51 8.51 0 0 0-8.5 8.5v115.68a8.51 8.51 0 0 0 8.5 8.5h46.59a8.51 8.51 0 0 0 8.5-8.5V317.38a8.51 8.51 0 0 0-8.5-8.5zm296.19 0h-46.59a8.51 8.51 0 0 0-8.5 8.5v115.68a8.51 8.51 0 0 0 8.5 8.5h46.59a8.51 8.51 0 0 0 8.5-8.5V317.38a8.51 8.51 0 0 0-8.5-8.5z"/></svg>')}.desktop-image{background-image:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M480 48H32a16 16 0 0 0-16 16v320a16 16 0 0 0 16 16h168v32h-72v32h256v-32h-72v-32h168a16 16 0 0 0 16-16V64a16 16 0 0 0-16-16zm-20 36v216H52V84zM52 368v-36h408v36z" fill-rule="evenodd"/></svg>')}.pwa-benefits{margin-bottom:1.5rem}.pwa-benefits h3{color:#1f2937;font-size:1.25rem;margin-bottom:1rem}.pwa-benefits ul{margin-bottom:1rem;padding-left:1.5rem}.pwa-benefits li{color:#4b5563;margin-bottom:.5rem}.modal-actions{text-align:center}.btn{border:none;border-radius:.5rem;cursor:pointer;display:inline-block;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#2563eb,#7c3aed);color:#fff}.btn-primary:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-3px)}@media (max-width:480px){.modal-content{padding:1.5rem}.pwa-icon{font-size:2.5rem}.modal-header h2{font-size:1.5rem}.device-instructions{padding:1rem}.instruction-image{height:150px}}.notification{align-items:center;animation:slideIn .3s forwards,fadeOut .5s 2.5s forwards;border-radius:var(--radius-md);bottom:20px;box-shadow:var(--shadow-lg);color:#fff;display:flex;max-width:450px;min-width:300px;opacity:0;padding:var(--space-4);position:fixed;right:20px;transform:translateY(100px);transition:transform .3s ease,opacity .3s ease;z-index:1000}.notification-success{background-color:var(--color-success)}.notification-error{background-color:var(--color-error)}.notification-warning{background-color:var(--color-warning)}.notification-info{background-color:var(--color-info)}.notification-icon{align-items:center;background-color:#fff3;border-radius:50%;display:flex;font-size:1.2rem;height:24px;justify-content:center;margin-right:var(--space-3);width:24px}.notification-content{flex:1 1}.notification-close{background:none;border:none;color:#fff;cursor:pointer;font-size:1rem;margin-left:var(--space-3);opacity:.7;transition:opacity .2s ease}.notification-close:hover{opacity:1}@media (max-width:576px){.notification{left:20px;max-width:none;min-width:auto;right:20px}}.notification:nth-child(2){bottom:90px}.notification:nth-child(3){bottom:160px}.notification:nth-child(4){bottom:230px}.notification:nth-child(n+5){display:none}.hero-section{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:0 0 2rem 2rem;color:#fff;margin-top:-2rem;overflow:hidden;padding:4rem 0;position:relative}.hero-section:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.hero-content{margin:0 auto;max-width:800px;padding:0 1rem;position:relative;text-align:center;z-index:1}.hero-title{font-size:2.2rem;font-weight:800;line-height:1.2;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;margin-bottom:1.5rem;opacity:.9}.hero-earnings{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:1.5rem 0}.earnings-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:.75rem;display:flex;flex-direction:column;min-width:100px;padding:1rem;transform:translateY(0);transition:transform .3s ease}.earnings-card:hover{transform:translateY(-5px)}.earnings-icon{font-size:2rem;margin-bottom:.5rem}.earnings-amount{font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.earnings-label{font-size:.85rem;opacity:.8}.cta-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:1.5rem}@media (min-width:640px){.hero-title{font-size:3.5rem}.hero-subtitle{font-size:1.5rem}.cta-buttons{flex-direction:row}.earnings-card{min-width:140px}}.btn-hero-primary{background-color:#fff;border:2px solid #fff;border-radius:9999px;box-shadow:0 4px 15px #0000001a;color:#2563eb;display:inline-block;font-size:1.1rem;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-hero-primary:hover{background-color:#fff;box-shadow:0 8px 20px #00000026;color:#7c3aed;transform:translateY(-3px)}.btn-hero-secondary{background-color:initial;border:2px solid #ffffff80;border-radius:9999px;color:#fff;display:inline-block;font-size:1.1rem;font-weight:700;padding:.75rem 2rem;text-decoration:none;transition:all .3s ease}.btn-hero-secondary:hover{background-color:#ffffff1a;border-color:#fff;transform:translateY(-3px)}.stats-section{background-color:#fff;padding:4rem 0;text-align:center}.section-title{display:inline-block;font-size:2rem;margin-bottom:2.5rem;position:relative;text-align:center}.section-title:after{background:linear-gradient(90deg,#2563eb,#7c3aed);border-radius:9999px;bottom:-10px;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:70px}.stats-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1000px}@media (min-width:640px){.stats-container{grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.stats-container{grid-template-columns:repeat(4,1fr)}}.stat-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;padding:1.5rem;transform:translateY(0);transition:all .3s ease}.stat-item:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-10px)}.stat-icon{color:#2563eb;font-size:2.5rem;margin-bottom:.75rem}.stat-value{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#2563eb,#7c3aed);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:.5rem}.stat-label{color:#6b7280;font-size:1rem}.features-section{background-color:#f9fafb;padding:4rem 0}.features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:0 1rem}@media (min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;display:flex;flex-direction:column;height:100%;padding:1.5rem;text-align:center;transform:translateY(0);transition:all .3s ease}.feature-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-10px)}.feature-icon{align-items:center;background-color:#f9fafb;border-radius:50%;display:flex;font-size:3rem;height:80px;justify-content:center;margin-bottom:1rem;margin-top:-40px;width:80px}.feature-title{font-size:1.5rem;margin-bottom:.75rem}.feature-description{color:#6b7280;flex-grow:1;margin-bottom:0}.how-it-works{background-color:#fff;padding:4rem 0}.steps-container{margin:0 auto;max-width:900px;padding:0 1rem}.step{display:flex;flex-direction:column;margin-bottom:2.5rem;position:relative}@media (min-width:768px){.step{align-items:center;flex-direction:row;gap:1.5rem}.step:nth-child(2n){flex-direction:row-reverse}.step:not(:last-child):after{background:linear-gradient(180deg,#2563eb,#7c3aed);bottom:-80px;content:"";left:40px;position:absolute;top:90px;width:2px}.step:nth-child(2n):not(:last-child):after{left:auto;right:40px}}.step-number{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:50%;box-shadow:0 10px 20px #0000001a;color:#fff;display:flex;font-size:1.5rem;font-weight:700;height:60px;justify-content:center;margin-bottom:1rem;width:60px;z-index:2}@media (min-width:768px){.step-number{font-size:2rem;height:80px;margin-bottom:0;width:80px}}.step-content{flex:1 1}.step-title{font-size:1.5rem;margin-bottom:.5rem}.step-description{color:#6b7280}.testimonials-section{background-color:#f9fafb;padding:4rem 0}.testimonials-container{display:flex;flex-direction:column;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 1rem}@media (min-width:768px){.testimonials-container{flex-direction:row}}.testimonial{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;flex:1 1;padding:1.5rem;transition:all .3s ease}.testimonial:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-10px)}.testimonial-text{color:#6b7280;font-style:italic;margin-bottom:1rem;padding-top:1.5rem;position:relative}.testimonial-text:before{color:#7c3aed1a;content:"";font-family:serif;font-size:5rem;left:0;line-height:1;position:absolute;top:-20px}.testimonial-author,.testimonial-avatar{align-items:center;display:flex}.testimonial-avatar{background-color:#f9fafb;border-radius:50%;color:#2563eb;font-size:1.2rem;font-weight:700;height:50px;justify-content:center;margin-right:.75rem;width:50px}.testimonial-name{font-weight:700;margin-bottom:0}.testimonial-earned{color:#10b981;font-size:.9rem;margin:0}.faq-section{background-color:#fff;padding:4rem 0}.faq-container{margin:0 auto;max-width:800px;padding:0 1rem}.faq-item{border:1px solid #0000000d;border-radius:.75rem;box-shadow:0 1px 2px 0 #0000000d;margin-bottom:1rem;overflow:hidden}.faq-question{align-items:center;background-color:#fff;cursor:pointer;display:flex;font-weight:700;justify-content:space-between;padding:1rem;transition:all .3s ease}.faq-question:hover{background-color:#f9fafb}.faq-answer{background-color:#fff;max-height:0;overflow:hidden;padding:0 1rem;transition:all .3s ease}.faq-answer.open{max-height:500px;padding:1rem}.faq-toggle{font-size:1.5rem;transition:transform .3s ease}.faq-toggle.open{transform:rotate(45deg)}.download-section{background-color:#f9fafb;padding:4rem 0;text-align:center}.download-content{margin:0 auto;max-width:600px}.app-preview{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;margin:2rem auto;max-width:300px;overflow:hidden;position:relative}.app-preview img{display:block;height:auto;width:100%}.app-buttons{display:flex;flex-direction:column;gap:.75rem;justify-content:center;margin-top:1.5rem}@media (min-width:640px){.app-buttons{flex-direction:row;justify-content:center}}.app-btn{align-items:center;background-color:#fff;border-radius:.75rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;color:#1f2937;display:inline-flex;gap:.5rem;padding:.75rem 1rem;text-decoration:none;transition:all .3s ease}.app-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-3px)}.app-btn-icon{font-size:2rem}.app-btn-text{text-align:left}.app-btn-label{display:block;font-size:.7rem}.app-btn-title{display:block;font-size:1.2rem;font-weight:700}.cta-section{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;overflow:hidden;padding:4rem 0;position:relative;text-align:center}.cta-content{margin:0 auto;max-width:700px;padding:0 1rem;position:relative;z-index:1}.cta-title{font-size:2.5rem;margin-bottom:1rem}.cta-text{font-size:1.2rem;margin-bottom:2rem;opacity:.9}.floating-coins{align-items:center;animation:floatAnimation 8s ease-in-out infinite;background-color:#ffffff1a;border-radius:50%;display:flex;font-size:1.5rem;height:50px;justify-content:center;width:50px;z-index:0}.coin-1{animation-delay:0s;left:10%;top:20%}.coin-2{animation-delay:1s;right:15%;top:50%}.coin-3{animation-delay:2s;bottom:15%;left:30%}.coin-4{animation-delay:3s;right:30%;top:30%}.coin-5{animation-delay:4s;bottom:25%;right:10%}@keyframes floatAnimation{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(10deg)}}.container{margin:0 auto;max-width:1200px;padding:0 1rem;width:100%}.mt-4{margin-top:1rem}.auth-container{align-items:center;background-color:var(--color-background);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Cpath d='m0 38.59 2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 1.4l2.83 2.83 1.41-1.41L1.41 0H0v1.41zM38.59 40l-2.83-2.83 1.41-1.41L40 38.59V40h-1.41zM40 1.41l-2.83 2.83-1.41-1.41L38.59 0H40v1.41zM20 18.6l2.83-2.83 1.41 1.41L21.41 20l2.83 2.83-1.41 1.41L20 21.41l-2.83 2.83-1.41-1.41L18.59 20l-2.83-2.83 1.41-1.41L20 18.59z' fill='%232563eb' fill-opacity='.05' fill-rule='evenodd'/%3E%3C/svg%3E");display:flex;justify-content:center;min-height:calc(100vh - 150px);padding:2rem 1rem}.auth-card{background:#fff;border-radius:1.5rem;box-shadow:0 10px 30px #0000001a;max-width:500px;overflow:hidden;position:relative;width:100%}.auth-card:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));content:"";height:7px;left:0;position:absolute;top:0;width:100%}.auth-header{padding:2rem 2rem 1.5rem;position:relative;text-align:center}.auth-logo{display:inline-block;font-size:2rem;margin-bottom:1rem}.auth-title{color:var(--color-text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.auth-subtitle{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:0}.auth-form-container{padding:0 2rem 2rem}.auth-form,.auth-input-group{margin-bottom:1.5rem}.auth-input-group{position:relative}.auth-label{color:var(--color-text-primary);display:block;font-size:.9rem;font-weight:600;margin-bottom:.5rem}.auth-input{background-color:#fff;border:1px solid #0000001a;border-radius:.75rem;font-size:1rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .3s ease;width:100%}.auth-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.auth-input-icon{color:var(--color-text-secondary);font-size:1.1rem;left:.75rem;position:absolute;top:2.4rem}.auth-input-group.focused .auth-input-icon{color:var(--color-primary)}.auth-extra{font-size:.9rem;justify-content:space-between;margin-bottom:1.5rem}.auth-checkbox-container,.auth-extra{align-items:center;display:flex}.auth-checkbox{cursor:pointer;height:18px;margin-right:.5rem;width:18px}.auth-forgot-password{color:var(--color-primary);text-decoration:none;transition:all .3s ease}.auth-forgot-password:hover{text-decoration:underline}.auth-submit-btn{align-items:center;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:.75rem;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:center;padding:.9rem 1rem;transition:all .3s ease;width:100%}.auth-submit-btn:hover{box-shadow:0 5px 15px #2563eb4d;transform:translateY(-2px)}.auth-submit-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:translateY(0)}.auth-divider{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.9rem;margin:1.5rem 0}.auth-divider:after,.auth-divider:before{background-color:#0000001a;content:"";flex:1 1;height:1px}.auth-divider:before{margin-right:1rem}.auth-divider:after{margin-left:1rem}.auth-social-btns{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;margin-bottom:1.5rem}.auth-social-btn{align-items:center;background-color:#fff;border:1px solid #0000001a;border-radius:.75rem;color:var(--color-text-primary);cursor:pointer;display:flex;font-weight:500;justify-content:center;padding:.75rem 1rem;transition:all .3s ease}.auth-social-btn:hover{background-color:#f9fafb;border-color:#0003;transform:translateY(-2px)}.auth-social-icon{font-size:1.2rem;margin-right:.75rem}.auth-google-icon{color:#4285f4}.auth-footer{color:var(--color-text-secondary);font-size:.9rem;margin-top:1.5rem;text-align:center}.auth-link{color:var(--color-primary);font-weight:600;text-decoration:none;transition:all .3s ease}.auth-link:hover{text-decoration:underline}.auth-message{align-items:flex-start;border-radius:.5rem;display:flex;font-size:.9rem;margin-bottom:1.5rem;padding:.75rem 1rem}.auth-message-icon{font-size:1.1rem;margin-right:.75rem;margin-top:.1rem}.auth-error{background-color:#ef44441a;border-left:3px solid #ef4444;color:#b91c1c}.auth-success{background-color:#10b9811a;border-left:3px solid #10b981;color:#047857}.referral-section{border-top:1px dashed #0000001a;margin-top:1.5rem;padding-top:1.5rem}.referral-title{align-items:center;color:var(--color-text-primary);display:flex;font-size:.95rem;font-weight:600;margin-bottom:.75rem}.referral-icon{color:var(--color-secondary);margin-right:.5rem}.referral-info{color:var(--color-text-secondary)}.referral-badge,.referral-info{font-size:.85rem;margin-bottom:1rem}.referral-badge{background-color:#7c3aed1a;border-radius:.5rem;color:var(--color-secondary);display:inline-block;font-weight:500;padding:.25rem .75rem}.password-strength{background-color:#e5e7eb;border-radius:5px;height:5px;margin-top:.5rem;overflow:hidden}.password-strength-bar{border-radius:5px;height:100%;transition:all .3s ease}.strength-weak{background-color:#ef4444;width:25%}.strength-fair{background-color:#f59e0b;width:50%}.strength-good{background-color:#10b981;width:75%}.strength-strong{background-color:#10b981;width:100%}.password-strength-text{display:flex;font-size:.75rem;justify-content:space-between;margin-top:.5rem}.password-requirements{color:var(--color-text-secondary);font-size:.8rem;margin-top:.75rem}.password-requirement{align-items:center;display:flex;margin-bottom:.25rem}.requirement-icon{font-size:.9rem;margin-right:.5rem}.requirement-met{color:var(--color-success)}.requirement-unmet{color:var(--color-text-secondary)}.spinner{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;margin-right:.75rem;width:20px}.auth-decoration{font-size:2rem;opacity:.1;position:absolute;z-index:0}.auth-decoration-1{animation:float 6s ease-in-out infinite;right:20px;top:20px}.auth-decoration-2{animation:float 8s ease-in-out infinite;animation-delay:1s;bottom:20px;left:20px}@media (max-width:576px){.auth-form-container,.auth-header{padding-left:1.5rem;padding-right:1.5rem}.auth-title{font-size:1.5rem}.auth-extra{align-items:flex-start;flex-direction:column;gap:.75rem}}.password-input-wrapper{position:relative;width:100%}.password-toggle-btn{align-items:center;background:none;border:none;border-radius:4px;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.1rem;justify-content:center;padding:4px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s ease}.password-toggle-btn:hover{background-color:#0000000d;color:var(--color-primary)}.password-toggle-btn:focus{outline:2px solid var(--color-primary);outline-offset:2px}.password-input-wrapper .auth-input{padding-right:40px}.auth-input-group.focused .password-toggle-btn{color:var(--color-primary)}.dashboard-header{animation:fadeIn .5s ease-in-out;margin-bottom:var(--space-4)}.dashboard-header h1{align-items:center;color:var(--color-text-primary);display:flex;font-size:1.8rem;margin-bottom:var(--space-2)}.dashboard-header p{color:var(--color-text-secondary)}.balance-card{align-items:center;animation:slideInUp .6s ease-in-out;background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:#fff;display:flex;justify-content:space-between;margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative;transform:translateZ(0)}.balance-card:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.balance-card-content{position:relative;z-index:1}.balance-label{display:block;font-size:.9rem;letter-spacing:1px;margin-bottom:var(--space-2);opacity:.8;text-transform:uppercase}.balance-amount{font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-3);text-shadow:0 2px 4px #0000001a}.balance-link{border-bottom:1px solid #ffffff4d;color:#fff;display:inline-block;font-weight:var(--font-weight-medium);opacity:.9;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.balance-link:hover{border-bottom-color:#fff;opacity:1;transform:translateX(3px)}.balance-icon{font-size:3.5rem;position:relative;z-index:1}.spin-wheel-container{animation:fadeIn .7s ease-in-out;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative;text-align:center}.spin-wheel-container:before{border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";height:6px;left:0;position:absolute;right:0;top:0}.spin-wheel-container h2,.spin-wheel-container:before{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary))}.spin-wheel-container h2{-webkit-text-fill-color:#0000;-webkit-background-clip:text;background-clip:text;font-size:1.5rem;margin-bottom:var(--space-3)}.spin-instructions{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.spin-wheel-section{align-items:center;display:flex;flex-direction:column;gap:var(--space-6)}.wheel-container{align-items:center;display:flex;height:300px;justify-content:center;margin:0 auto;max-width:350px;position:relative;width:100%}@media (min-width:768px){.wheel-container{height:350px;width:350px}}.wheel-pointer{border-left:15px solid #0000;border-right:15px solid #0000;border-top:30px solid var(--color-primary);filter:drop-shadow(0 2px 5px rgba(0,0,0,.3));height:0;left:50%;position:absolute;top:-25px;transform:translateX(-50%);width:0;z-index:10}.btn-spin{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;font-size:1.1rem;font-weight:var(--font-weight-bold);margin-top:var(--space-6);min-width:160px;overflow:hidden;padding:var(--space-3) var(--space-6);position:relative;transition:all .3s ease}.btn-spin:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:all .6s ease;width:100%}.btn-spin:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.btn-spin:hover:before{left:100%}.btn-spin:disabled{cursor:not-allowed;opacity:.7;transform:none}.btn-spin:disabled:before{display:none}.spin-result{animation:bounceIn .6s ease;background-color:var(--color-background);border:2px dashed var(--color-success);border-radius:var(--radius-lg);padding:var(--space-4)}.spin-result h3{color:var(--color-primary);font-size:1.3rem;margin-bottom:var(--space-2)}.winning-amount{color:var(--color-success);font-size:2rem;font-weight:var(--font-weight-bold)}.next-spin-timer{animation:fadeIn .5s ease;background-color:var(--color-background);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.next-spin-timer h3{color:var(--color-text-secondary);font-size:1.2rem;margin-bottom:var(--space-2)}.countdown-timer{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;background-clip:text;color:var(--color-primary);font-family:monospace;font-size:2.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}.recent-spins h4{color:var(--color-text-secondary);font-size:1.1rem;margin-bottom:var(--space-3)}.recent-spins-list{display:flex;flex-direction:column;gap:var(--space-2)}.recent-spin-item{background-color:#fff;border-radius:var(--radius-md);box-shadow:0 1px 3px #0000001a;display:flex;justify-content:space-between;padding:var(--space-2) var(--space-4);transition:transform .3s ease}.recent-spin-item:hover{transform:translateY(-2px)}.recent-spin-date{color:var(--color-text-secondary)}.recent-spin-amount{color:var(--color-success);font-weight:var(--font-weight-bold)}.task-cards-container{margin-bottom:var(--space-6)}.task-cards-container h2{font-size:1.5rem;margin-bottom:var(--space-4)}.task-cards{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:768px){.task-cards{grid-template-columns:repeat(2,1fr)}}.task-card{align-items:center;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:var(--color-text-primary);display:flex;gap:var(--space-4);overflow:hidden;padding:var(--space-4);position:relative;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}.task-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.task-card:before{content:"";height:5px;left:0;position:absolute;top:0;width:100%}.video-tasks:before{background:linear-gradient(90deg,#3b82f6,#2563eb)}.survey-tasks:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.task-card-icon{align-items:center;background-color:var(--color-background);border-radius:50%;display:flex;font-size:2.5rem;height:60px;justify-content:center;width:60px}.task-card-content{flex:1 1}.task-card-content h3{font-size:1.3rem;margin-bottom:var(--space-1)}.video-tasks h3{color:#2563eb}.survey-tasks h3{color:#7c3aed}.task-card-content p{color:var(--color-text-secondary);font-size:.95rem;margin-bottom:var(--space-3)}.task-card-footer{display:flex;justify-content:flex-end}.task-action{color:var(--color-primary);font-weight:var(--font-weight-medium);transition:transform .3s ease}.task-card:hover .task-action{transform:translateX(5px)}.referral-banner{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-6);position:relative}.referral-banner:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.referral-banner-content{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);position:relative;text-align:center;z-index:1}@media (min-width:768px){.referral-banner-content{align-items:flex-start;flex-direction:row;text-align:left}}.referral-icon{align-items:center;background-color:#fff3;border-radius:50%;box-shadow:0 4px 10px #0000001a;display:flex;font-size:2.5rem;height:70px;justify-content:center;width:70px}.referral-info{flex:1 1}.referral-info h3{color:#fff;font-size:1.5rem;margin-bottom:var(--space-2)}.referral-tagline{color:#fff!important;font-size:1.1rem!important;font-weight:var(--font-weight-medium);letter-spacing:.5px;margin-bottom:var(--space-4);max-width:100%;opacity:1!important;text-shadow:0 1px 4px #0003}.referral-actions{width:100%}.referral-link-container{background-color:#fff3;border:1px solid #ffffff4d;border-radius:var(--radius-md);box-shadow:0 2px 6px #0000001a;margin-bottom:var(--space-4);padding:2px}.referral-link-input{background-color:#ffffff26;border:none;color:#000;font-size:.9rem;outline:none;padding:var(--space-2) var(--space-3);text-shadow:0 1px 1px #0000001a}.referral-link-input::selection{background-color:#ffffff4d}.referral-copy-btn{background-color:#fff3;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all .3s ease}.referral-copy-btn:hover{background-color:#ffffff4d}.referral-copy-btn.copied{background-color:#10b98199}.referral-social{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}@media (min-width:768px){.referral-social{justify-content:flex-start}}.social-share-btn{align-items:center;border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;flex:1 1;font-size:.85rem;justify-content:center;padding:var(--space-2) var(--space-3);transition:all .3s ease}@media (min-width:768px){.social-share-btn{flex:0 0 auto}}.social-share-btn:hover{transform:translateY(-2px)}.social-share-btn.whatsapp{background-color:#25d366}.social-share-btn.facebook{background-color:#1877f2}.social-share-btn.twitter{background-color:#1da1f2}.fade-in-up{animation:fadeInUp .8s ease-out forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;min-height:60vh}.loading-container .spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top:4px solid var(--color-primary);height:50px;width:50px}.error-container{background-color:var(--color-card);border-left:4px solid var(--color-error);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-6) 0;padding:var(--space-6);text-align:center}.error-container h2{color:var(--color-error);margin-bottom:var(--space-4)}.error-container p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.error-container button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-4);transition:all .3s ease}.error-container button:hover{background-color:var(--color-secondary);transform:translateY(-2px)}.video-card{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;transition:all .3s ease}.video-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-10px)}.video-card.video-watched{opacity:.7;transform:none}.video-thumbnail{height:180px;overflow:hidden;position:relative}.video-thumbnail img{height:100%;object-fit:cover;transition:transform .5s ease;width:100%}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.video-duration{background-color:#000000b3;border-radius:var(--radius-sm);bottom:10px;font-size:.8rem;padding:2px 8px}.video-duration,.watched-badge{color:#fff;font-weight:var(--font-weight-medium);position:absolute;right:10px}.watched-badge{align-items:center;background-color:var(--color-success);border-radius:var(--radius-full);display:flex;font-size:.75rem;gap:4px;padding:3px 8px;top:10px}.watched-icon{font-weight:700}.video-content{display:flex;flex:1 1;flex-direction:column;padding:var(--space-4)}.video-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:1.2rem;margin-bottom:var(--space-2);overflow:hidden;transition:color .3s ease}.video-card:hover .video-title{color:var(--color-primary)}.video-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;flex:1 1;font-size:.9rem;margin-bottom:var(--space-3);overflow:hidden}.video-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.video-category,.video-source{align-items:center;background-color:var(--color-background);border-radius:var(--radius-full);color:var(--color-text-secondary);display:inline-flex;font-size:.8rem;gap:4px;padding:2px 8px}.source-icon{font-size:.9rem}.video-action{align-items:center;background-color:#00000005;border-top:1px solid var(--color-background);display:flex;justify-content:space-between;padding:var(--space-3) var(--space-4)}.video-reward{display:flex;flex-direction:column}.reward-label{color:var(--color-text-secondary);font-size:.7rem;letter-spacing:.5px;text-transform:uppercase}.reward-amount{color:var(--color-success);font-size:1.2rem;font-weight:var(--font-weight-bold)}.btn-watch{align-items:center;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:flex;font-weight:var(--font-weight-medium);gap:var(--space-1);padding:var(--space-2) var(--space-3);transition:all .3s ease}.btn-watch:hover{box-shadow:0 5px 15px #2563eb4d;transform:translateY(-3px)}.btn-watched{background:var(--color-success);cursor:not-allowed;opacity:.8}.btn-watched:hover{box-shadow:none;transform:none}.btn-icon{font-size:1rem}.player-modal-overlay{align-items:center;background-color:#000000e6;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.player-modal-container{animation:modalAppear .3s ease-out;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-width:900px;overflow:hidden;width:100%}@keyframes modalAppear{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.player-modal-header{align-items:center;border-bottom:1px solid var(--color-background);display:flex;justify-content:space-between;padding:var(--space-4)}.player-modal-header h3{font-size:1.3rem;margin:0}.btn-close-modal{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;transition:all .3s ease;width:30px}.btn-close-modal:hover{background-color:var(--color-background);color:var(--color-error)}.btn-close-modal:disabled{cursor:not-allowed;opacity:.5}.player-container{background-color:#000;padding-top:56.25%;position:relative}.player-container>div{height:100%!important;left:0;position:absolute;top:0;width:100%!important}.player-progress{padding:var(--space-4)}.progress-bar-container{background-color:var(--color-background);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden;width:100%}.progress-bar-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .2s linear}.progress-info{color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--space-4)}.player-instruction{align-items:center;background-color:var(--color-background);border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-3)}.instruction-icon{font-size:1.3rem}.instruction-text{color:var(--color-text-secondary);font-size:.9rem}.reward-highlight{color:var(--color-success);font-weight:var(--font-weight-bold)}@media (max-width:768px){.player-modal-container{height:auto;max-width:100%}.player-modal-header h3{font-size:1.1rem}}.success-modal-overlay{align-items:center;animation:fadeIn .5s forwards;background-color:#000c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.success-modal-content{animation:successPulse .6s forwards;background-color:#fff;border-radius:var(--radius-lg);max-width:90%;padding:var(--space-6);position:relative;text-align:center;width:400px;z-index:1001}.success-modal-content h2{color:var(--color-text-primary);margin-bottom:var(--space-4)}.success-modal-content p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.btn-success-close{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-6);transition:all .3s ease}.btn-success-close:hover{box-shadow:0 5px 15px #0000001a;transform:translateY(-2px)}.add-video-form{width:100%}.form-error{align-items:center;background-color:#ef44441a;border-radius:var(--radius-md);color:var(--color-error);display:flex;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3)}.error-icon{font-size:1.2rem}.form-row{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-4)}@media (min-width:640px){.form-row{grid-template-columns:1fr 1fr}}.form-group{margin-bottom:var(--space-4)}.form-group label{color:var(--color-text-primary);display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{background-color:#fff;border:1px solid var(--color-text-light);border-radius:var(--radius-md);font-size:1rem;padding:var(--space-3);transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.form-help{color:var(--color-text-secondary);display:block;font-size:.8rem;margin-top:var(--space-1)}.form-actions{margin-top:var(--space-4);text-align:center}.btn-submit{align-items:center;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:inline-flex;font-weight:var(--font-weight-medium);gap:var(--space-2);padding:var(--space-3) var(--space-6);transition:all .3s ease}.btn-submit:hover{box-shadow:0 5px 15px #2563eb4d;transform:translateY(-3px)}.btn-submit:disabled{box-shadow:none;cursor:not-allowed;opacity:.7;transform:none}.video-header{background-color:var(--color-card);background:linear-gradient(135deg,#2563ebcc,#7c3aedcc);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);color:#fff;margin-bottom:var(--space-6);overflow:hidden;padding:var(--space-6);position:relative}.video-header:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm48 25a7 7 0 1 0 0-14 7 7 0 0 0 0 14zm-43-7a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm63 31a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM34 90a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm56-76a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21a2 2 0 1 0 .001-3.999A2 2 0 0 0 80 29zM60 91a2 2 0 1 0 .001-3.999A2 2 0 0 0 60 91zM35 41a2 2 0 1 0 .001-3.999A2 2 0 0 0 35 41zM12 60a2 2 0 1 0 .001-3.999A2 2 0 0 0 12 60z' fill='rgba(255,255,255,0.05)' fill-rule='evenodd'/%3E%3C/svg%3E");bottom:0;content:"";left:0;opacity:.3;position:absolute;right:0;top:0}.video-header-content{margin-bottom:var(--space-4);position:relative;text-align:center;z-index:1}.video-header h1{font-size:2.2rem;margin-bottom:var(--space-2);text-shadow:0 2px 4px #0003}.video-header p{font-size:1.1rem;margin:0 auto;max-width:600px;opacity:.9}.video-stats{display:flex;flex-wrap:wrap;gap:var(--space-6);justify-content:center;position:relative;z-index:1}.video-stat-item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:#ffffff1a;border-radius:var(--radius-lg);min-width:120px;padding:var(--space-3) var(--space-4);text-align:center;transition:transform .3s ease}.video-stat-item:hover{transform:translateY(-5px)}.stat-value{font-size:1.8rem}.currency{font-size:.9rem;margin-left:var(--space-1)}.currency,.stat-label{opacity:.8}.video-grid{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.no-videos,.video-grid{margin-bottom:var(--space-8)}.no-videos{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-8);text-align:center}.no-videos-icon{font-size:3rem;margin-bottom:var(--space-4);opacity:.7}.no-videos h2{margin-bottom:var(--space-2)}.no-videos p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.video-info-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.video-info-section h3{margin-bottom:var(--space-4);position:relative;text-align:center}.video-info-section h3:after{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:3px;bottom:-10px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:50px}.info-content{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-top:var(--space-6)}@media (min-width:768px){.info-content{grid-template-columns:repeat(3,1fr)}}.info-item{align-items:flex-start;border-radius:var(--radius-md);padding:var(--space-3);transition:all .3s ease}.info-item:hover{transform:translateY(-5px)}.info-icon,.info-item:hover{background-color:var(--color-background)}.info-icon{flex-shrink:0;font-size:2rem;height:50px;width:50px}.info-text h4{font-size:1.1rem;margin-bottom:var(--space-1)}.info-text p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:0}.add-video-section{align-items:center;display:flex;flex-direction:column;margin-bottom:var(--space-8)}.btn-add-video{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border:none;border-radius:var(--radius-full);box-shadow:var(--shadow-md);color:#fff;cursor:pointer;font-weight:var(--font-weight-medium);margin-bottom:var(--space-4);padding:var(--space-3) var(--space-5);transition:all .3s ease}.btn-add-video:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.add-video-form-container{animation:slideIn .3s ease-out;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);max-width:800px;padding:var(--space-6);width:100%}.add-video-form-container h3{margin-bottom:var(--space-4);text-align:center}@media (max-width:480px){.video-header{padding:var(--space-4)}.video-header h1{font-size:1.8rem}.video-stats{gap:var(--space-2)}.video-stat-item{background-color:#fff;min-width:90px;padding:var(--space-2)}.stat-value{font-size:1.5rem}.video-grid{grid-template-columns:1fr}}:root{--survey-gradient:linear-gradient(135deg,#2563eb,#7c3aed);--survey-shadow:0 10px 25px -5px #3b82f64d;--card-hover-transform:translateY(-8px);--animation-timing:0.3s cubic-bezier(0.4,0,0.2,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}@keyframes slideIn{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOut{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-30px)}}@keyframes slideInReverse{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutReverse{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(30px)}}@keyframes glow{0%,to{box-shadow:0 0 10px #2563eb80}50%{box-shadow:0 0 20px #2563ebcc}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes coinsRain{0%{opacity:0;transform:translateY(-100px)}10%{opacity:1}to{opacity:0;transform:translateY(100vh)}}@keyframes successPulse{0%{opacity:0;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes rewardPopup{0%{opacity:0;transform:scale(.5)}50%{opacity:1;transform:scale(1.2)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn .5s forwards}.fade-out{animation:fadeOut .3s forwards}.slide-in{animation:slideIn .4s forwards}.slide-out{animation:slideOut .3s forwards}.slide-in-reverse{animation:slideInReverse .4s forwards}.slide-out-reverse{animation:slideOutReverse .3s forwards}.surveys-header{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6) var(--space-4);position:relative;text-align:center}.surveys-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);background-clip:text;-webkit-background-clip:text;display:inline-block;font-size:2.2rem;margin-bottom:var(--space-2);position:relative}.header-accent{-webkit-text-fill-color:initial;animation:float 3s ease-in-out infinite;font-size:1.8rem;margin-left:5px;position:relative;top:-5px}.surveys-header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0 auto;max-width:800px}.survey-stats{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;margin-bottom:var(--space-6);padding:var(--space-2)}.stat-item{background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-md);flex:1 1;min-width:120px;padding:var(--space-4);text-align:center;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-value{color:var(--color-primary);display:block;font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:var(--space-1)}.stat-label{color:var(--color-text-secondary);font-size:.9rem}.surveys-list{gap:var(--space-4);margin-bottom:var(--space-8)}.survey-card,.surveys-list{display:flex;flex-direction:column}.survey-card{background-color:var(--color-card);border-left:4px solid var(--color-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;padding:var(--space-4);position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:all var(--animation-timing)}@media (min-width:768px){.survey-card{align-items:center;flex-direction:row}}.survey-card:hover{box-shadow:0 10px 25px -5px #3b82f64d;box-shadow:var(--survey-shadow);transform:translateY(-8px);transform:var(--card-hover-transform)}.survey-card.completed{background-color:var(--color-background);border-left:4px solid var(--color-success);opacity:.8}.survey-card.completed:hover{opacity:1;transform:translateY(-5px)}.survey-card-logo{align-items:center;background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000000d;display:flex;flex-shrink:0;height:100px;justify-content:center;margin-bottom:var(--space-3);padding:var(--space-2);transition:transform .3s ease;width:100px}@media (min-width:768px){.survey-card-logo{margin-bottom:0;margin-right:var(--space-4)}}.survey-card:hover .survey-card-logo{transform:scale(1.05)}.survey-card-logo img{max-height:90%;max-width:90%;object-fit:contain}.survey-card-content{flex:1 1;padding:var(--space-2)}.survey-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:space-between;margin-bottom:var(--space-2)}.survey-card-header h2{color:var(--color-text-primary);font-size:1.3rem;margin:0;transition:color .3s ease}.survey-card:hover .survey-card-header h2{color:var(--color-primary)}.completed-badge{align-items:center;background-color:var(--color-success);border-radius:var(--radius-full);color:#fff;display:inline-flex;font-size:.75rem;font-weight:var(--font-weight-medium);gap:5px;padding:.25rem .75rem}.completed-badge:before{content:"✓";font-weight:700}.survey-card-company{color:var(--color-text-secondary);font-size:.9rem;font-weight:var(--font-weight-medium);margin-bottom:var(--space-2)}.survey-card-description{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-secondary);display:-webkit-box;font-size:.95rem;line-height:1.5;margin-bottom:var(--space-3);overflow:hidden}.survey-card-details{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-3)}.survey-detail{align-items:center;background-color:var(--color-background);border-radius:15px;display:flex;font-size:.85rem;padding:3px 8px;white-space:nowrap}.detail-icon{margin-right:var(--space-1)}.survey-detail.reward{background-color:#10b9811a;color:var(--color-success);font-weight:var(--font-weight-bold)}.survey-card-action{display:flex;justify-content:flex-end;margin-top:auto}@media (max-width:767px){.survey-card-action{margin-top:var(--space-3)}}.btn-glow{animation:glow 2s infinite}.btn-with-icon{align-items:center;display:flex;gap:8px}.btn-icon{font-size:.9em}.btn-completed{background-color:var(--color-success);border:none;border-radius:var(--radius-md);color:#fff;font-weight:var(--font-weight-medium);gap:8px;opacity:.9;padding:var(--space-2) var(--space-4)}.btn-completed,.expiry-badge{align-items:center;display:flex}.expiry-badge{background-color:#f59e0b1a;border-radius:12px;color:var(--color-warning);font-size:.75rem;gap:5px;padding:5px 10px;position:absolute;right:12px;top:12px}.survey-info-section{background-color:var(--color-card);border-radius:var(--radius-lg);border-top:4px solid var(--color-primary);box-shadow:var(--shadow-md);margin-bottom:var(--space-8);padding:var(--space-6);position:relative}.info-icon{align-items:center;background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);border-radius:50%;box-shadow:var(--shadow-md);color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:40px}.survey-info-section h3{color:var(--color-primary);font-size:1.25rem;margin-bottom:var(--space-4);text-align:center}.survey-info-section ul{list-style:none;padding:0}.survey-info-section li{align-items:flex-start;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;margin-bottom:var(--space-3);padding:var(--space-2);transition:all .3s ease}.survey-info-section li:hover{background-color:var(--color-background);transform:translateX(5px)}.list-icon{color:var(--color-success);font-weight:700;margin-right:var(--space-2)}.list-text{flex:1 1}.active-survey-container{background-color:var(--color-card);border-radius:var(--radius-lg);border-top:5px solid var(--color-primary);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8);overflow:hidden;padding:var(--space-6);position:relative}.survey-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--space-6)}.survey-company{align-items:center;display:flex;gap:var(--space-3)}.company-logo-container{align-items:center;background-color:#fff;border-radius:var(--radius-lg);box-shadow:0 4px 6px #0000001a;display:flex;height:70px;justify-content:center;padding:var(--space-2);width:70px}.company-logo{max-height:85%;max-width:85%;object-fit:contain}.survey-title-container{display:flex;flex-direction:column}.survey-title-container h2{color:var(--color-text-primary);font-size:1.4rem;margin:0 0 var(--space-1) 0}.survey-metadata{display:flex;flex-wrap:wrap;gap:var(--space-2)}.survey-category,.survey-duration,.survey-reward{align-items:center;color:var(--color-text-secondary);display:flex;font-size:.8rem;gap:4px}.survey-reward{color:var(--color-success);font-weight:var(--font-weight-bold)}.btn-close-survey{align-items:center;background:none;border:none;border-radius:50%;color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-close-survey:hover{background-color:var(--color-background);color:var(--color-error);transform:rotate(90deg)}.survey-progress{margin-bottom:var(--space-6)}.progress-text{color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--space-2)}.progress-bar{background-color:var(--color-background);border-radius:4px;height:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);border-radius:4px;height:100%;transition:width .5s ease}.survey-question{background-color:var(--color-background);border-left:4px solid var(--color-primary);border-radius:var(--radius-md);margin-bottom:var(--space-6);padding:var(--space-5);position:relative}.question-number{background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);border-radius:var(--radius-md);box-shadow:var(--shadow-md);color:#fff;font-size:.9rem;font-weight:var(--font-weight-bold);left:20px;padding:5px 10px;position:absolute;top:-15px}.question-text{color:var(--color-text-primary);font-size:1.2rem;margin-bottom:var(--space-5);padding-top:var(--space-2)}.required-mark{color:var(--color-error);margin-left:var(--space-1)}.survey-question-options{display:flex;flex-direction:column;gap:var(--space-3)}.option-item{align-items:center;border-radius:var(--radius-md);display:flex;gap:var(--space-2);padding:var(--space-2);position:relative;transition:all .2s ease}.option-item:hover{background-color:#2563eb0d}.option-item input[type=checkbox],.option-item input[type=radio]{cursor:pointer;height:20px;opacity:0;position:absolute;width:20px;z-index:1}.option-item label{cursor:pointer;flex:1 1;padding-left:30px;position:relative}.custom-checkbox,.custom-radio{border:2px solid var(--color-text-light);display:inline-block;height:20px;left:10px;position:absolute;top:50%;transform:translateY(-50%);transition:all .2s ease;width:20px}.custom-radio{border-radius:50%}.custom-checkbox{border-radius:4px}.option-item input[type=checkbox]:checked~.custom-checkbox,.option-item input[type=radio]:checked~.custom-radio{background-color:var(--color-primary);border-color:var(--color-primary)}.option-item input[type=checkbox]:checked~.custom-checkbox:after,.option-item input[type=radio]:checked~.custom-radio:after{content:"";display:block;position:absolute}.option-item input[type=radio]:checked~.custom-radio:after{background-color:#fff;border-radius:50%;height:10px;left:50%;top:50%;transform:translate(-50%,-50%);width:10px}.option-item input[type=checkbox]:checked~.custom-checkbox:after{color:#fff;content:"✓";font-size:12px;font-weight:700;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.rating-scale{display:flex;flex-direction:column;gap:var(--space-3)}.rating-labels{color:var(--color-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}@media (max-width:600px){.rating-labels{display:none}}.rating-buttons{display:flex;gap:var(--space-2);justify-content:space-between}.rating-button{background-color:#fff;border:1px solid var(--color-text-light);border-radius:var(--radius-md);cursor:pointer;flex:1 1;font-weight:var(--font-weight-bold);padding:var(--space-3) var(--space-1);transition:all .2s ease}.rating-button:hover{border-color:var(--color-primary);transform:translateY(-3px)}.rating-button.selected{background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);border-color:#0000;box-shadow:var(--shadow-md);color:#fff}.survey-question-text textarea{border:1px solid var(--color-text-light);border-radius:var(--radius-md);font-family:inherit;font-size:1rem;padding:var(--space-3);resize:vertical;transition:all .3s ease;width:100%}.survey-question-text textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #2563eb1a;outline:none}.survey-question-yes-no{display:flex;gap:var(--space-4)}.yes-no-button{align-items:center;background-color:#fff;border:1px solid var(--color-text-light);border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-weight:var(--font-weight-medium);gap:8px;justify-content:center;padding:var(--space-3);transition:all .3s ease}.yes-no-button:hover{border-color:var(--color-primary);transform:translateY(-3px)}.yes-no-button.selected{background:linear-gradient(135deg,#2563eb,#7c3aed);background:var(--survey-gradient);border-color:#0000;color:#fff}.survey-navigation{display:flex;justify-content:space-between}@media (max-width:480px){.survey-navigation{flex-direction:column;gap:var(--space-3)}.survey-navigation button{width:100%}}.success-animation-overlay{align-items:center;animation:fadeIn .5s forwards;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.success-animation-content{animation:successPulse .6s forwards;background-color:#fff;border-radius:var(--radius-lg);max-width:90%;padding:var(--space-6);position:relative;text-align:center;width:400px;z-index:1001}.success-icon{font-size:2.5rem;height:80px;margin:0 auto var(--space-4);width:80px}.success-animation-content h2{color:var(--color-text-primary);margin-bottom:var(--space-4)}.reward-animation{animation:rewardPopup .8s forwards;animation-delay:.3s;color:var(--color-success);font-size:2.5rem;font-weight:var(--font-weight-bold);margin:var(--space-4) 0;opacity:0}.success-animation-content p{color:var(--color-text-secondary);margin-bottom:0}.floating-coins{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%}.floating-coin{animation:coinsRain 3s linear forwards;font-size:2rem;position:absolute}.spinner-sm{margin-left:var(--space-2)}@media (max-width:480px){.surveys-header h1{font-size:1.8rem}.surveys-header p{font-size:.9rem}.survey-card{padding:var(--space-3)}.survey-card-logo{height:70px;width:70px}.survey-card-header h2{font-size:1.1rem}.survey-card-description{-webkit-line-clamp:3;font-size:.85rem}.survey-metadata{flex-direction:column;gap:2px}.question-text{font-size:1.1rem}.active-survey-container{padding:var(--space-4)}.survey-company{align-items:center;flex-direction:column;text-align:center;width:100%}.company-logo-container{margin-bottom:var(--space-2)}.survey-title-container{text-align:center;width:100%}.survey-metadata{justify-content:center}.btn-close-survey{position:absolute;right:15px;top:15px;z-index:10}.rating-buttons{flex-wrap:wrap}.rating-button{min-width:40px}.survey-question-yes-no{flex-direction:column;gap:var(--space-3)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2563eb,#7c3aed);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#1d4ed8,#6d28d9)}.referral-header{margin-bottom:var(--space-6)}.referral-header h1{margin-bottom:var(--space-2)}.referral-stats-container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-8)}@media (min-width:768px){.referral-stats-container{grid-template-columns:repeat(3,1fr)}}.referral-stat-card{align-items:center;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--space-3);padding:var(--space-4)}.referral-stat-icon{align-items:center;background-color:var(--color-background);border-radius:var(--radius-full);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.referral-stat-content{flex:1 1}.referral-stat-content h3{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--space-1)}.referral-stat-value{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:0}.referral-link-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.referral-link-section h2{margin-bottom:var(--space-4)}.referral-link-container{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.referral-link-input{background-color:var(--color-background);border:1px solid var(--color-text-light);border-radius:var(--radius-md);flex:1 1;font-size:.875rem;padding:var(--space-3)}.referral-code{color:var(--color-text-secondary);font-size:.875rem}.share-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.share-section h2{margin-bottom:var(--space-4)}.share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-whatsapp{background-color:#25d366;color:#fff}.btn-facebook{background-color:#1877f2;color:#fff}.btn-twitter{background-color:#1da1f2;color:#fff}.referrals-list-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.referrals-list-section h2{margin-bottom:var(--space-4)}.referrals-header{color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.referral-item,.referrals-header{border-bottom:1px solid var(--color-background);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;padding:var(--space-3)}.referral-item{align-items:center}.referral-item:last-child{border-bottom:none}.status-badge.active{background-color:var(--color-success);color:#fff}.status-badge.pending{background-color:var(--color-warning);color:#fff}.no-referrals{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6);text-align:center}.no-referrals h2{margin-bottom:var(--space-2)}.no-referrals p{color:var(--color-text-secondary)}.referral-note{background-color:var(--color-background);border-radius:var(--radius-lg);margin-bottom:var(--space-8);padding:var(--space-4)}.referral-note h3{font-size:1.25rem;margin-bottom:var(--space-2)}.referral-note ul{padding-left:var(--space-6)}.referral-note li{color:var(--color-text-secondary);margin-bottom:var(--space-2)}@media (max-width:768px){.referrals-header{display:none}.referral-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.referral-name{font-size:1.1rem;font-weight:var(--font-weight-bold)}.referral-date:before{color:var(--color-text-secondary);content:"Joined: "}.referral-reward:before{color:var(--color-text-secondary);content:"Reward: "}}.referral-modal .referral-progress{margin-bottom:var(--space-4)}.referral-modal .progress-text{color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--space-2)}.referral-modal .progress-bar{background-color:var(--color-background);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.referral-modal .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .5s ease}.referral-modal .referrals-needed{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:var(--space-1);text-align:center}.referral-modal .referral-link-container{display:flex;margin-bottom:var(--space-3)}.referral-modal .referral-link-input{border:1px solid var(--color-text-light);border-radius:var(--radius-md) 0 0 var(--radius-md);flex:1 1;font-size:.9rem;padding:var(--space-3)}.referral-modal .referral-link-input:focus{border-color:var(--color-primary);outline:none}.referral-modal .referral-code{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:var(--space-4);text-align:center}.referral-modal .share-buttons{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-4)}.referral-modal .share-btn{align-items:center;border-radius:var(--radius-md);display:flex;font-size:.9rem;padding:var(--space-2) var(--space-3)}.referral-modal .share-icon{margin-right:var(--space-2)}.referral-modal .whatsapp-btn{background-color:#25d366;color:#fff}.referral-modal .facebook-btn{background-color:#1877f2;color:#fff}.referral-modal .twitter-btn{background-color:#1da1f2;color:#fff}.referral-tips{background-color:var(--color-background);border-radius:var(--radius-md);margin:var(--space-4) 0;padding:var(--space-3)}.referral-tips h4{font-size:.95rem;margin-bottom:var(--space-2)}.referral-tips ul{margin:0;padding-left:var(--space-4)}.referral-tips li{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:var(--space-1)}.referral-tips li:last-child{margin-bottom:0}.balance-modal .balance-progress{margin-bottom:var(--space-4)}.balance-modal .progress-text{color:var(--color-text-secondary);display:flex;font-size:.9rem;justify-content:space-between;margin-bottom:var(--space-2)}.balance-modal .progress-bar{background-color:var(--color-background);border-radius:var(--radius-full);height:8px;margin-bottom:var(--space-2);overflow:hidden}.balance-modal .progress-fill{background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));border-radius:var(--radius-full);height:100%;transition:width .5s ease}.balance-modal .amount-needed{color:var(--color-primary);font-weight:var(--font-weight-medium);margin-top:var(--space-1);text-align:center}.balance-modal .earning-options{background-color:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.balance-modal .earning-options h3{font-size:1rem;margin-bottom:var(--space-3);text-align:center}.balance-modal .earning-option{align-items:center;background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);display:flex;margin-bottom:var(--space-3);padding:var(--space-2)}.balance-modal .earning-option:last-child{margin-bottom:0}.balance-modal .earning-icon{align-items:center;background-color:var(--color-background);border-radius:50%;display:flex;font-size:1.5rem;height:40px;justify-content:center;margin-right:var(--space-3);width:40px}.balance-modal .earning-details{flex:1 1}.balance-modal .earning-details h4{font-size:.95rem;margin-bottom:var(--space-1)}.balance-modal .earning-details p{font-size:.85rem;margin-bottom:0;text-align:left}.balance-modal .btn-sm{font-size:.85rem;padding:var(--space-1) var(--space-3)}.withdrawal-terms p{text-align:left}@media (max-width:480px){.modal-content{padding:var(--space-4)}.modal-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.modal-content h2{font-size:1.3rem}.referral-modal .share-buttons{flex-direction:column}.referral-modal .share-btn{justify-content:center;width:100%}.balance-modal .earning-option{flex-wrap:wrap}.balance-modal .earning-icon{margin-bottom:var(--space-2)}.balance-modal .btn-sm{margin-top:var(--space-2);width:100%}}.modal-overlay{align-items:center;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-container{animation:modal-appear .3s ease-out;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}@keyframes modal-appear{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-content{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:var(--space-6)}.modal-content,.modal-content.is-processing{position:relative}.modal-content.is-processing:after{background-color:#ffffff1a;border-radius:var(--radius-lg);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.modal-close{align-items:center;background-color:var(--color-background);border-radius:50%;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .3s ease;width:30px}.modal-close:hover{background-color:var(--color-text-light);color:#fff}.modal-icon{display:flex;font-size:3rem;justify-content:center;margin-bottom:var(--space-4)}.modal-content h2{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--space-3);text-align:center}.modal-content p{color:var(--color-text-secondary);line-height:1.5;margin-bottom:var(--space-4);text-align:center}.modal-actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-4)}@media (min-width:480px){.modal-actions{flex-direction:row;justify-content:center}}.activation-modal .activation-benefits{background-color:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-4)}.activation-modal .benefit-item{align-items:center;display:flex;margin-bottom:var(--space-3)}.activation-modal .benefit-item:last-child{margin-bottom:0}.activation-modal .benefit-icon{align-items:center;display:flex;flex-shrink:0;font-size:1.25rem;height:32px;justify-content:center;margin-right:var(--space-3);width:32px}.activation-modal .benefit-text{color:var(--color-text-primary);font-size:.95rem}.activation-modal .btn-activation{align-items:center;background:linear-gradient(90deg,var(--color-primary),var(--color-secondary));display:flex;font-size:1.1rem;font-weight:600;justify-content:center;min-height:48px;padding:var(--space-3) var(--space-6);transition:all .3s ease}.activation-modal .btn-activation:hover:not(:disabled){box-shadow:var(--shadow-lg);transform:translateY(-2px)}.activation-modal .btn-activation:disabled{cursor:not-allowed;opacity:.8}.spinner-sm{flex-shrink:0;height:18px;margin-right:8px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}.success-content h4{font-weight:600}.success-content p{text-align:left}.error-content{font-size:.9rem}@media (max-width:480px){.modal-content{padding:var(--space-4)}.modal-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.modal-content h2{font-size:1.3rem}}.wallet-header{margin-bottom:var(--space-6)}.wallet-header h1{margin-bottom:var(--space-2)}.wallet-stats-container{grid-gap:var(--space-4);display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-6)}@media (min-width:768px){.wallet-stats-container{grid-template-columns:repeat(3,1fr)}}.wallet-stat-card{align-items:center;background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);display:flex;gap:var(--space-3);padding:var(--space-4)}.wallet-stat-icon{align-items:center;background-color:var(--color-background);border-radius:var(--radius-full);display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.wallet-stat-content{flex:1 1}.wallet-stat-content h3{color:var(--color-text-secondary);font-size:1rem;margin-bottom:var(--space-1)}.wallet-stat-value{font-size:1.5rem;font-weight:var(--font-weight-bold);margin-bottom:0}.withdrawal-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.withdrawal-section h2{margin-bottom:var(--space-4)}.withdrawal-form{display:flex;flex-direction:column;gap:var(--space-4)}.no-balance{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6);text-align:center}.no-balance h2{margin-bottom:var(--space-2)}.no-balance p{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.withdrawal-history{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin-bottom:var(--space-6);padding:var(--space-6)}.withdrawal-history h2{margin-bottom:var(--space-4)}.no-history{color:var(--color-text-secondary);text-align:center}.history-header{color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.history-header,.history-item{border-bottom:1px solid var(--color-background);display:grid;grid-template-columns:1fr 1fr 1fr 1fr;padding:var(--space-3)}.history-item{align-items:center}.history-item:last-child{border-bottom:none}.status-badge{text-transform:capitalize}.status-completed{background-color:var(--color-success);color:#fff}.status-rejected{background-color:var(--color-error);color:#fff}.wallet-note{background-color:var(--color-background);border-radius:var(--radius-lg);margin-bottom:var(--space-8);padding:var(--space-4)}.wallet-note h3{font-size:1.25rem;margin-bottom:var(--space-2)}.wallet-note ul{padding-left:var(--space-6)}.wallet-note li{color:var(--color-text-secondary);margin-bottom:var(--space-2)}@media (max-width:768px){.history-header{display:none}.history-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4)}.history-date{font-weight:var(--font-weight-bold)}.history-amount{font-size:1.1rem}.history-method:before{color:var(--color-text-secondary);content:"M-Pesa: "}}.form-helper-text{color:var(--color-text-secondary);display:block;font-size:.8rem;margin-top:.25rem}.success-message{align-items:flex-start;background-color:#10b9811a;border-left:4px solid var(--color-success);display:flex}.success-icon{align-items:center;background-color:var(--color-success);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--space-3);width:24px}.success-content h4{color:var(--color-success);margin-bottom:var(--space-1)}.success-content p{color:var(--color-text-secondary);font-size:.9rem;margin-bottom:0}.error-message{align-items:flex-start;background-color:#ef44441a;border-left:4px solid var(--color-error);border-radius:var(--radius-md);display:flex;margin-bottom:var(--space-4);padding:var(--space-3)}.error-icon{align-items:center;background-color:var(--color-error);border-radius:50%;color:#fff;display:flex;flex-shrink:0;height:24px;justify-content:center;margin-right:var(--space-3);width:24px}.error-content{color:var(--color-error);margin-bottom:0}.withdrawal-terms{background-color:var(--color-background);border-radius:var(--radius-md);margin-bottom:var(--space-4);padding:var(--space-3)}.withdrawal-terms p{color:var(--color-text-secondary);font-size:.85rem;margin-bottom:0}.spinner-sm{animation:spin 1s ease-in-out infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;margin-right:var(--space-2);vertical-align:middle;width:16px}.wallet-trust-badge{margin:30px auto;max-width:375px}.intasend-trust-badge{align-items:center;display:flex;flex-direction:column;margin-top:20px;text-align:center}.intasend-trust-badge img{height:auto;margin-bottom:8px;max-width:375px;width:100%}.intasend-security-link{color:#454545;display:block;font-size:.8em;font-weight:700;margin-top:6px;text-decoration:none}.profile-header{margin-bottom:var(--space-6)}.profile-header h1{margin-bottom:var(--space-2)}.profile-content{display:flex;flex-direction:column;gap:var(--space-6);margin-bottom:var(--space-8)}.profile-section{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--space-6)}.profile-info{align-items:center;display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-6)}@media (min-width:768px){.profile-info{align-items:flex-start;flex-direction:row}}.profile-avatar{border-radius:var(--radius-full);height:100px;overflow:hidden;width:100px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.avatar-placeholder{align-items:center;background-color:var(--color-primary);color:#fff;display:flex;font-size:2.5rem;font-weight:var(--font-weight-bold);height:100%;justify-content:center;width:100%}.profile-details{flex:1 1;text-align:center}@media (min-width:768px){.profile-details{text-align:left}}.profile-details h2,.profile-email{margin-bottom:var(--space-1)}.profile-email,.profile-joined{color:var(--color-text-secondary)}.profile-joined{font-size:.875rem}.profile-edit{margin-top:var(--space-4)}.profile-edit h3{margin-bottom:var(--space-4)}.profile-form{gap:var(--space-4)}.account-status,.profile-form{display:flex;flex-direction:column}.account-status,.status-item{gap:var(--space-3)}.status-item{align-items:center;display:flex}.status-label{min-width:150px}.status-badge,.status-label{font-weight:var(--font-weight-medium)}.status-badge{border-radius:var(--radius-full);display:inline-block;font-size:.75rem;padding:2px 8px}.status-vip{background-color:var(--color-secondary);color:#fff}.status-standard{background-color:var(--color-info);color:#fff}.status-active{background-color:var(--color-success);color:#fff}.status-pending{background-color:var(--color-warning);color:#fff}.activation-note{background-color:var(--color-background);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;margin-top:var(--space-3);padding:var(--space-3)}.referral-info{flex-direction:column}.info-item,.referral-info{display:flex;gap:var(--space-3)}.info-item{align-items:center}.info-label{font-weight:var(--font-weight-medium);min-width:150px}.info-value{font-size:1rem}.security-options{display:flex;flex-wrap:wrap;gap:var(--space-3)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-danger:hover{background-color:#dc2626}.success-message{background-color:var(--color-success);border-radius:var(--radius-md);color:#fff;margin-bottom:var(--space-4);padding:var(--space-3)}@media (max-width:768px){.info-item,.status-item{align-items:flex-start;flex-direction:column;gap:var(--space-1)}.info-label,.status-label{color:var(--color-text-secondary);font-size:.875rem}.security-options{flex-direction:column;gap:var(--space-3)}.security-options button{width:100%}}.not-found-container{margin:0 auto;max-width:600px;padding:var(--space-12) 0;text-align:center}.not-found-icon{color:var(--color-primary);font-size:6rem;font-weight:var(--font-weight-bold)}.not-found-container h1,.not-found-icon{margin-bottom:var(--space-4)}.not-found-container p{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.not-found-actions{align-items:center;display:flex;flex-direction:column;gap:var(--space-3)}@media (min-width:768px){.not-found-actions{flex-direction:row;justify-content:center}}
/*# sourceMappingURL=main.b3390897.css.map*/