.particle-canvas{pointer-events:none;z-index:0;position:fixed;inset:0}.earth-glow{position:relative}.earth-glow:before{content:"";background:radial-gradient(circle,#7bff6b26 0%,#0000 70%);border-radius:50%;animation:3s ease-in-out infinite pulseGlow;position:absolute;inset:-20px}.earth-glow:after{content:"";border:1px solid #7bff6b33;border-radius:50%;animation:20s linear infinite rotateSlow;position:absolute;inset:-5px}.role-glow-user{box-shadow:0 0 20px #7bff6b59,inset 0 0 15px #7bff6b0d;border-color:#7bff6b80!important}.role-glow-ngo{box-shadow:0 0 20px #00fff059,inset 0 0 15px #00fff00d;border-color:#00fff080!important}.role-glow-org{box-shadow:0 0 20px #ffc83259,inset 0 0 15px #ffc8320d;border-color:#ffc83280!important}.role-glow-admin{box-shadow:0 0 20px #10c47f59,inset 0 0 15px #10c47f0d;border-color:#10c47f80!important}.login-glass-card{-webkit-backdrop-filter:blur(24px)saturate(180%);background:linear-gradient(135deg,#041209e0 0%,#020804f5 100%);border:1px solid #7bff6b26;box-shadow:0 32px 64px #0009,0 0 0 1px #7bff6b08,inset 0 1px #ffffff0d}.login-input:focus{outline:none;border-color:#7bff6b80!important;box-shadow:0 0 0 3px #7bff6b14,0 0 15px #7bff6b1a!important}.login-btn{background:linear-gradient(135deg,#4caf50 0%,#7bff6b 50%,#4caf50 100%) 0 0/200% 100%;transition:background-position .5s,box-shadow .3s,transform .2s}.login-btn:hover{background-position:100% 0;transform:translateY(-1px);box-shadow:0 0 30px #7bff6b80,0 0 60px #7bff6b33}.login-btn:active{transform:translateY(0)}.login-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}@keyframes shakeX{0%,to{transform:translate(0)}15%{transform:translate(-8px)}30%{transform:translate(8px)}45%{transform:translate(-6px)}60%{transform:translate(6px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake{animation:.6s shakeX}@keyframes scanline{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(100vh)}}.scanline{background:linear-gradient(90deg,#0000,#7bff6b99,#0000);width:100%;height:2px;animation:2s ease-in-out infinite scanline;position:absolute}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.counter-animate{animation:.5s forwards countUp}@keyframes floatDot{0%,to{opacity:.4;transform:translateY(0)scale(1)}50%{opacity:.8;transform:translateY(-20px)scale(1.1)}}@keyframes successPulse{0%{box-shadow:0 0 #7bff6bb3}70%{box-shadow:0 0 0 20px #7bff6b00}to{box-shadow:0 0 #7bff6b00}}.success-pulse{animation:.6s ease-out successPulse}@keyframes rotateSlow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}.social-btn{transition:background .2s,border-color .2s,transform .2s}.social-btn:hover{background:#ffffff12;border-color:#fff3;transform:translateY(-1px)}