*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#374151;background-color:#fff}#root{min-height:100vh}button,input,textarea,select{font-family:inherit}.navbar{background:#fffffff2;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);box-shadow:0 4px 20px #00000014;position:sticky;top:0;z-index:1000;border-bottom:2px solid #10b981;animation:slideDown .5s ease-out;position:relative;overflow:hidden}.navbar:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#059669,#0ea5e9,#10b981);animation:borderGlow 3s ease-in-out infinite}@keyframes borderGlow{0%,to{opacity:.5;box-shadow:0 0 10px #10b9814d}50%{opacity:1;box-shadow:0 0 20px #10b98180}}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar-top{display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;border-bottom:1px solid rgba(16,185,129,.1);animation:fadeInTop .6s ease-out .3s both}.navbar-bottom{display:flex;justify-content:space-between;align-items:center;padding:.75rem 5%;background:#f8fafc80;animation:fadeInBottom .6s ease-out .5s both}@keyframes fadeInTop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.nav-logo{font-size:1.5rem;font-weight:800;color:#1e293b;text-decoration:none;letter-spacing:-.5px;position:relative;transition:all .4s ease;flex-shrink:0;animation:logoPulse 2s ease-in-out infinite}.nav-logo:hover{color:#10b981;transform:scale(1.05)}.nav-logo:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#059669);border-radius:1px;opacity:0;transition:opacity .3s ease;animation:logoGlow 2s ease-in-out infinite}.nav-logo:hover:before{opacity:1}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes logoGlow{0%,to{opacity:0;box-shadow:0 0 5px #10b9814d}50%{opacity:.5;box-shadow:0 0 15px #10b98180}}.nav-menu{display:flex;align-items:center;justify-content:space-between;flex:1;margin-left:3rem}.nav-links{display:flex;align-items:center;gap:2rem;list-style:none;flex-wrap:nowrap}.nav-links .nav-link{animation:slideInLeft .6s ease-out forwards;opacity:0}.nav-links .nav-link:nth-child(1){animation-delay:.1s}.nav-links .nav-link:nth-child(2){animation-delay:.2s}.nav-links .nav-link:nth-child(3){animation-delay:.3s}.nav-links .nav-link:nth-child(4){animation-delay:.4s}.nav-links .nav-link:nth-child(5){animation-delay:.5s}.nav-actions,.user-actions{display:flex;align-items:center;gap:1rem}.user-profile{display:flex;align-items:center;gap:.75rem}.guest-actions .guest-actions{display:flex;align-items:center;gap:1.5rem}.user-nav-links{display:flex;align-items:center;gap:1.5rem;list-style:none;flex-wrap:nowrap}.user-nav-links .nav-link{animation:slideInRight .6s ease-out forwards;opacity:0}.user-nav-links .nav-link:nth-child(1){animation-delay:.1s}.user-nav-links .nav-link:nth-child(2){animation-delay:.2s}.user-nav-links .nav-link:nth-child(3){animation-delay:.3s}.user-nav-links .nav-link:nth-child(4){animation-delay:.4s}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.nav-action-link{font-size:.9rem;padding:8px 16px;border-radius:8px;background:#10b9810d;border:1px solid rgba(16,185,129,.1);white-space:nowrap;transition:all .3s ease}.nav-action-link:hover{background:#10b9811a;border-color:#10b98133;transform:translateY(-1px)}.nav-link{text-decoration:none;color:#64748b;font-weight:600;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;padding:10px 16px;border-radius:8px;font-size:.95rem;border:1px solid transparent;white-space:nowrap;overflow:hidden}.nav-link:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(16,185,129,.1),transparent);transition:left .6s ease}.nav-link:hover:before{left:100%}.nav-link:hover{color:#10b981;background:#10b98114;transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px #10b98126}.btn-logout{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;padding:8px 16px;border-radius:8px;border:none;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 2px 8px #ef444433;font-size:.85rem;white-space:nowrap;position:relative;overflow:hidden}.btn-logout:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-logout:hover:before{left:100%}.btn-logout:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 6px 20px #ef444466;background:linear-gradient(135deg,#dc2626,#b91c1c);animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.nav-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #10b981;box-shadow:0 2px 8px #10b98126;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:avatarFloat 3s ease-in-out infinite}.nav-avatar:hover{transform:scale(1.1) rotate(5deg);box-shadow:0 6px 20px #10b9814d;border-color:#059669}@keyframes avatarFloat{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-3px) rotate(-2deg)}50%{transform:translateY(0) rotate(0)}75%{transform:translateY(-2px) rotate(2deg)}}.btn-login{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:10px 24px;border-radius:10px;text-decoration:none;font-weight:700;transition:all .4s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #10b98140;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;white-space:nowrap;position:relative;overflow:hidden;animation:buttonPulse 2s ease-in-out infinite}.btn-login:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.btn-login:hover:before{left:100%}.btn-login:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 8px 25px #10b98159;background:linear-gradient(135deg,#059669,#047857);animation:buttonPulse .5s ease-in-out infinite}@keyframes buttonPulse{0%,to{transform:scale(1);box-shadow:0 4px 15px #10b98140}50%{transform:scale(1.05);box-shadow:0 8px 25px #10b98159}}@media(max-width:1024px){.navbar-top{padding:1rem 4%}.navbar-bottom{padding:.75rem 4%}.nav-links{gap:1.5rem}.user-nav-links{gap:1.2rem}.nav-actions{gap:.8rem}.nav-logo{font-size:1.4rem}}@media(max-width:768px){.navbar-top,.navbar-bottom{padding:1rem 4%;flex-direction:column;gap:1rem}.nav-links,.user-nav-links,.nav-actions{flex-direction:column;width:100%;gap:1rem;align-items:center}.user-profile,.guest-actions{flex-direction:column;gap:1rem;align-items:center}.nav-link,.nav-action-link,.btn-login,.btn-logout{text-align:center;width:100%;max-width:280px}.nav-avatar{width:40px;height:40px}}@media(max-width:480px){.navbar-top{padding:1rem 3%}.navbar-bottom{padding:.75rem 3%}.nav-logo{font-size:1.3rem}.nav-links,.user-nav-links{gap:.8rem}.nav-link,.nav-action-link,.btn-login,.btn-logout{padding:8px 16px;font-size:.9rem}.btn-login{padding:8px 20px;font-size:.85rem}.nav-avatar{width:36px;height:36px}}.footer{position:relative;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow:hidden;margin-top:100px}.footer-container{position:relative;z-index:2}.footer-main{padding:80px 20px 40px;position:relative}.footer-grid{display:grid;grid-template-columns:1.5fr 2fr 1.5fr;gap:60px;max-width:1200px;margin:0 auto}.footer-brand{display:flex;flex-direction:column;gap:25px}.footer-logo{display:flex;align-items:center;gap:12px;margin-bottom:10px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;animation:logoPulse 3s ease-in-out infinite}@keyframes logoPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.logo-text{font-size:1.8rem;font-weight:800;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.3)}.footer-description{color:#fffc;line-height:1.6;font-size:.95rem;max-width:300px}.footer-social h4{color:#fff;font-size:1rem;margin-bottom:15px;font-weight:600}.social-links{display:flex;gap:12px}.social-link{width:40px;height:40px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fffc;transition:all .3s ease;font-size:16px}.social-link:hover{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #22c55e4d}.footer-links-section{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.links-column h3{color:#fff;font-size:1.1rem;margin-bottom:20px;font-weight:600;position:relative}.links-column h3:after{content:"";position:absolute;bottom:-8px;left:0;width:30px;height:3px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:2px}.footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.footer-links li{margin:0}.footer-links a{color:#ffffffb3;text-decoration:none;font-size:.9rem;transition:all .3s ease;display:inline-block;position:relative}.footer-links a:hover{color:#22c55e;transform:translate(5px)}.footer-links a:before{content:">";position:absolute;left:-15px;opacity:0;transition:all .3s ease;color:#22c55e}.footer-links a:hover:before{opacity:1;left:-10px}.footer-contact{display:flex;flex-direction:column;gap:30px}.footer-contact h3{color:#fff;font-size:1.1rem;margin-bottom:15px;font-weight:600}.contact-info{display:flex;flex-direction:column;gap:15px}.contact-item{display:flex;align-items:center;gap:15px;color:#fffc;font-size:.9rem}.contact-item svg{color:#22c55e;font-size:16px;min-width:16px}.newsletter h4{color:#fff;font-size:1rem;margin-bottom:8px;font-weight:600}.newsletter p{color:#ffffffb3;font-size:.85rem;margin-bottom:15px}.newsletter-form{display:flex;gap:8px}.newsletter-form input{flex:1;padding:12px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:.9rem;transition:all .3s ease}.newsletter-form input::placeholder{color:#fff9}.newsletter-form input:focus{outline:none;border-color:#22c55e;background:#ffffff26}.newsletter-form button{padding:12px 20px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .3s ease}.newsletter-form button:hover{transform:translateY(-2px);box-shadow:0 8px 20px #22c55e4d}.footer-bottom{background:#0000004d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);padding:25px 20px}.footer-bottom-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.copyright{color:#ffffffb3;font-size:.9rem;display:flex;align-items:center;gap:5px}.heart-icon{color:#ef4444;font-size:12px;animation:heartBeat 1.5s ease-in-out infinite}@keyframes heartBeat{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.footer-bottom-links{display:flex;align-items:center;gap:15px;font-size:.85rem}.footer-bottom-links a{color:#ffffffb3;text-decoration:none;transition:color .3s ease}.footer-bottom-links a:hover{color:#22c55e}.separator{color:#fff6}.footer-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.footer-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);animation:float 20s infinite ease-in-out}.shape-1{width:300px;height:300px;top:-150px;left:-150px;animation-delay:0s}.shape-2{width:200px;height:200px;bottom:-100px;right:-100px;animation-delay:5s;background:linear-gradient(135deg,#fbbf241a,#ef44441a)}.shape-3{width:250px;height:250px;top:50%;right:-125px;animation-delay:10s;background:linear-gradient(135deg,#0ea5e91a,#22c55e1a)}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-20px) translate(10px) rotate(90deg)}50%{transform:translateY(10px) translate(-10px) rotate(180deg)}75%{transform:translateY(-10px) translate(20px) rotate(270deg)}}@media(max-width:1024px){.footer-grid{grid-template-columns:1fr;gap:40px}.footer-links-section{grid-template-columns:repeat(2,1fr);gap:25px}.footer-contact{align-self:center}}@media(max-width:768px){.footer-main{padding:60px 20px 30px}.footer-links-section{grid-template-columns:1fr;gap:30px}.footer-bottom-content{flex-direction:column;text-align:center;gap:15px}.footer-bottom-links{flex-wrap:wrap;justify-content:center}.social-links{justify-content:center}.newsletter-form{flex-direction:column}.newsletter-form button{width:100%}}@media(max-width:480px){.footer-logo{flex-direction:column;text-align:center;gap:8px}.logo-text{font-size:1.5rem}.footer-description{max-width:100%;text-align:center}.contact-item{justify-content:center}}.landing-wrapper{background:linear-gradient(135deg,#0f172a,#1e293b,#334155);min-height:100vh;position:relative;overflow:hidden}.animated-background{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%}.shape{position:absolute;background:linear-gradient(135deg,#22c55e4d,#0ea5e94d);border-radius:50%;animation:float 20s infinite ease-in-out}.shape:nth-child(2n){background:linear-gradient(135deg,#fbbf2433,#ef444433);animation-duration:25s}@keyframes float{0%,to{transform:translateY(0) translate(0) rotate(0)}25%{transform:translateY(-30px) translate(20px) rotate(90deg)}50%{transform:translateY(20px) translate(-30px) rotate(180deg)}75%{transform:translateY(-20px) translate(10px) rotate(270deg)}}.gradient-orbs{position:absolute;top:0;left:0;width:100%;height:100%}.orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;animation:orbFloat 20s infinite ease-in-out}.orb-1{width:500px;height:500px;background:radial-gradient(circle,rgba(34,197,94,.3) 0%,transparent 70%);top:-250px;left:-250px;animation-delay:0s}.orb-2{width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.3) 0%,transparent 70%);bottom:-200px;right:-200px;animation-delay:7s}.orb-3{width:450px;height:450px;background:radial-gradient(circle,rgba(251,191,36,.2) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:14s}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(50px,-50px) scale(1.2)}50%{transform:translate(-30px,30px) scale(.8)}75%{transform:translate(40px,20px) scale(1.1)}}.landing-wrapper:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1" fill="#22c55e" opacity="0.1"/><circle cx="22" cy="22" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="42" cy="2" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.6;pointer-events:none}.hero-section{background:linear-gradient(#0f172ab3,#0f172ab3),url(https://boosterthon.com/wp-content/uploads/2024/11/Untitled-design-3-1.webp);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:150px 20px;text-align:center;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:5;overflow:hidden}.hero-section:before{content:"";position:absolute;top:0;left:-100%;width:200%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);animation:heroShimmer 4s infinite}@keyframes heroShimmer{0%{left:-100%}to{left:100%}}.hero-section{padding:120px 20px 100px;text-align:center;position:relative;z-index:10;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.hero-logo{margin-bottom:40px}.logo-animation{position:relative;width:120px;height:120px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.logo-circle{position:absolute;width:100%;height:100%;border:4px solid transparent;border-radius:50%;background:linear-gradient(135deg,#22c55e,#0ea5e9,#fbbf24);background-clip:padding-box;animation:logoRotate 4s linear infinite}.logo-circle:before{content:"";position:absolute;inset:-4px;background:linear-gradient(135deg,#22c55e,#0ea5e9,#fbbf24,#22c55e);border-radius:50%;z-index:-1;animation:logoGlow 3s ease-in-out infinite}@keyframes logoRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes logoGlow{0%,to{opacity:.7;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.logo-text{position:relative;z-index:2;font-size:36px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.5)}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2;text-align:center}.hero-content h1{font-size:5rem;font-weight:900;color:#fff;margin-bottom:30px;text-shadow:0 4px 8px rgba(0,0,0,.7);transition:transform .3s ease-out}.hero-content h1 .highlight{background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-content p{font-size:1.6rem;color:#ffffffe6;margin-bottom:50px;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6;font-weight:500}.hero-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin:20px auto 0;width:fit-content;max-width:100%}.btn-primary,.btn-secondary{padding:18px 40px;border-radius:50px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden;border:none;text-decoration:none;display:inline-block}.btn-primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;box-shadow:0 10px 30px #22c55e4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 15px 40px #22c55e66}.hero-search{display:flex;max-width:600px;margin:0 auto;background:#fff;border-radius:50px;overflow:hidden;box-shadow:0 10px 30px #0003}.hero-search-input{flex:1;padding:20px 30px;border:none;font-size:16px;outline:none}.hero-search-btn{padding:20px 40px;background:#22c55e;color:#fff;border:none;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e33;pointer-events:auto;-webkit-user-select:none;user-select:none}.hero-search-btn:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.hero-search-btn:active{transform:translateY(0);box-shadow:0 2px 10px #22c55e4d}.welcome-section{padding:100px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:5;border-top:1px solid rgba(255,255,255,.1)}.stats-section{padding:100px 20px;background:#ffffff08;position:relative;z-index:4;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.journey-section{padding:100px 20px;background:linear-gradient(#0f172ad9,#0f172ad9),url(https://www.wildapricot.com/wp-content/uploads/2022/10/volunteerhands-thumb.jpg);background-size:cover;background-position:center;background-attachment:fixed;position:relative;z-index:3;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.cta-section{padding:120px 20px;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);text-align:center}.welcome-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.welcome-section:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.05) 0%,transparent 70%);animation:welcomeRotate 20s linear infinite;pointer-events:none}@keyframes welcomeRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.welcome-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/><circle cx="10" cy="50" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.welcome-header{text-align:center;margin-bottom:40px;position:relative;z-index:10}.welcome-header h2{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-header p{font-size:1.4rem;color:#fffc;max-width:800px;margin:0 auto;line-height:1.6}.welcome-section h2{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.welcome-section p{font-size:1.3rem;color:#ffffffe6;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.welcome-stats{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap;max-width:1200px;margin:0 auto;padding:20px 0}.stat-item{text-align:center;padding:40px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);transition:all .3s ease;position:relative;z-index:5;min-width:250px;max-width:300px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-icon{width:90px;height:90px;background:linear-gradient(135deg,#22c55e33,#0ea5e933);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 25px;position:relative;z-index:2;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 15px #22c55e33;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.stat-icon:before{content:"";position:absolute;inset:-3px;border-radius:50%;background:linear-gradient(45deg,transparent,rgba(34,197,94,.1),transparent);z-index:-1;animation:iconGlow 2s ease-in-out infinite alternate}@keyframes iconGlow{0%{opacity:.3;transform:scale(.95)}to{opacity:.6;transform:scale(1.05)}}.stat-icon svg{font-size:2.5rem;color:#22c55e;transition:all .3s ease}.stat-item:hover .stat-icon{transform:scale(1.15) rotate(5deg);box-shadow:0 8px 25px #22c55e66;border:3px solid rgba(34,197,94,.6);animation:iconPulse .6s ease-in-out}@keyframes iconPulse{0%{transform:scale(1.15) rotate(5deg)}50%{transform:scale(1.2) rotate(-3deg)}to{transform:scale(1.15) rotate(5deg)}}.stat-number{display:block;font-size:3.5rem;font-weight:900;color:#22c55e;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.3);position:relative;z-index:2;line-height:1}.stat-label{font-size:1.2rem;color:#ffffffe6;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;z-index:2;margin-top:5px}.journey-header{text-align:center;margin-bottom:60px}.journey-header h2{font-size:3rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.journey-header p{font-size:1.4rem;color:#fffc;max-width:800px;margin:0 auto;line-height:1.6}.journey-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px}.step-card{background:#0f172ae6;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:20px;padding:40px 30px 30px;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden;transition:all .3s ease;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 10px 30px #0000004d}.step-card:hover{transform:translateY(-10px);background:#0f172af2;box-shadow:0 20px 40px #0006;border:1px solid rgba(255,255,255,.4)}.step-number{position:absolute;top:-15px;left:50%;transform:translate(-50%);width:40px;height:40px;background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:700;line-height:1;box-shadow:0 4px 12px #22c55e4d;border:3px solid rgba(255,255,255,.9);z-index:3}.step-content{position:relative;z-index:2;text-align:center}.step-content h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:15px}.step-content p{color:#fffc;margin-bottom:25px;line-height:1.6}.step-btn{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;padding:15px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:16px}.step-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}.cta-content h2{font-size:3.5rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.cta-content p{font-size:1.6rem;color:#ffffffe6;margin-bottom:40px;line-height:1.6}.events-header-section{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);position:relative;z-index:2;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.events-header{text-align:center;max-width:800px;margin:0 auto}.events-header h2{font-size:3rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-header p{font-size:1.4rem;color:#fffc;line-height:1.6}.content-container{padding:80px 20px;background:#fffc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);position:relative}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;flex-wrap:wrap;gap:20px}.section-header h2{font-size:2.5rem;font-weight:700;color:#1e293b;margin:0}.filter-controls{display:flex;gap:15px;align-items:center}.category-select{padding:12px 20px;border:2px solid #e5e7eb;border-radius:12px;font-size:16px;outline:none;background:#fff;cursor:pointer;transition:border-color .3s;min-width:200px}.category-select:focus{border-color:#2563eb}.search-filter-section{display:flex;gap:20px;margin-bottom:40px;align-items:flex-end;flex-wrap:wrap}.search-container{flex:1;min-width:300px;position:relative;display:flex;align-items:center}.search-input{width:100%;padding:12px 45px 12px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;outline:none;transition:border-color .3s ease}.search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.search-btn{position:absolute;right:8px;background:none;border:none;font-size:1.2rem;cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.search-btn:hover{background-color:#f1f5f9}.filter-container{display:flex;flex-direction:column;gap:8px}.filter-label{font-weight:600;color:#374151;font-size:.9rem}.event-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}.event-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.event-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.event-image-container{position:relative;height:250px;overflow:hidden}.event-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image{transform:scale(1.05)}.category-badge{position:absolute;top:15px;right:15px;background:#22c55ecc;color:#fff;padding:6px 12px;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card-body{padding:30px}.event-title{font-size:1.5rem;font-weight:700;color:#0f172a;margin-bottom:15px;line-height:1.3}.event-description{color:#374151;font-size:1rem;line-height:1.6;margin-bottom:20px;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.8em;position:relative}.event-meta{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:10px}.event-location{color:#475569;font-size:.9rem;display:flex;align-items:center;gap:6px}.event-price{font-size:.9rem;font-weight:600;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px}.event-actions{display:flex;gap:10px;flex-wrap:wrap}.btn-detail{background:#6c757d;color:#fff;border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px}.btn-register{border:none;padding:10px 16px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:120px}.btn-join{width:100%;background:#22c55e;color:#fff;padding:12px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #22c55e33;pointer-events:auto;-webkit-user-select:none;user-select:none}.btn-join:hover{background:#16a34a;transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.btn-join:active{transform:translateY(0);box-shadow:0 2px 10px #22c55e4d}.loading-container,.no-events{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#475569;font-size:1.1rem}.loading-container p,.no-events p{margin:0}.loading-container:before{content:"⏳";display:block;font-size:2rem;margin-bottom:16px}.no-events:before{content:"📅";display:block;font-size:2rem;margin-bottom:16px}@media(max-width:768px){.btn-join{min-height:48px;font-size:16px;padding:14px 16px}}@media(hover:none)and (pointer:coarse){.btn-join{transform:none}.btn-join:active{transform:scale(.98)}}.hero-section{animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.event-card{animation:fadeIn .6s ease-out;animation-fill-mode:both}.event-card:nth-child(1){animation-delay:.1s}.event-card:nth-child(2){animation-delay:.2s}.event-card:nth-child(3){animation-delay:.3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.landing-wrapper{padding:20px 3%}.hero-section{padding:40px 0}.hero-section h1{font-size:2rem}.stats-section{padding:60px 20px}.welcome-stats{gap:20px;padding:10px 0}.stat-item{min-width:150px;max-width:200px;padding:30px 20px}.stat-icon{width:70px;height:70px;margin:0 auto 20px}.stat-icon svg{font-size:2rem}.stat-number{font-size:2.5rem;margin-bottom:10px}.stat-label{font-size:1rem}.content-container{padding:30px 10px}.search-filter-section{flex-direction:column;align-items:stretch;gap:16px}.search-container{min-width:auto}.filter-container{align-items:stretch}.category-select{width:100%;min-width:auto}.event-grid{grid-template-columns:1fr;gap:20px}.section-title{font-size:1.5rem}}.login-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);position:relative;z-index:1;overflow:hidden}.login-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.login-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:50px 40px;border-radius:25px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2);width:100%;max-width:400px;position:relative;z-index:2}.login-header{text-align:center;margin-bottom:30px}.login-header h2{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.login-header p{color:#ffffffe6;font-size:1rem;margin:0;font-weight:400;text-shadow:1px 1px 2px rgba(0,0,0,.2)}.form-group{margin-bottom:15px;display:flex;flex-direction:column}.form-group label{font-weight:600;margin-bottom:8px;color:#fff;font-size:14px}.form-group input{padding:15px 18px;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-size:16px;transition:all .3s;background:#ffffff1a;color:#fff}.form-group input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;background:#ffffff26}.btn-login{width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;margin-top:15px;transition:all .3s;box-shadow:0 4px 15px #22c55e33;pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.btn-login:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.btn-login:active{transform:translateY(0);box-shadow:0 2px 10px #22c55e4d}.login-form{display:flex;flex-direction:column;gap:20px}.login-footer{text-align:center;margin-top:20px}.login-footer p{color:#64748b;font-size:14px}.register-link{color:#22c55e;text-decoration:none;font-weight:600;transition:color .3s}.register-link:hover{color:#16a34a;text-decoration:underline}.p{padding-left:20px}@media(max-width:768px){.btn-login{min-height:48px;font-size:16px}.form-group input{font-size:16px}}@media(hover:none)and (pointer:coarse){.btn-login{transform:none}.btn-login:active{transform:scale(.98)}}.register-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:20px;position:relative;z-index:1;overflow:hidden}.register-container:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.register-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:50px 40px;width:100%;max-width:500px;box-shadow:0 20px 40px #0000004d;border:1px solid rgba(255,255,255,.2);position:relative;z-index:2}.register-header{text-align:center;margin-bottom:30px}.register-header h2{color:#fff;font-size:32px;font-weight:900;margin-bottom:8px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.register-header p{color:#fffc;font-size:14px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#fff;font-size:14px}.form-group input,.role-select{width:100%;padding:15px 18px;border:2px solid rgba(255,255,255,.2);border-radius:15px;font-size:16px;background:#ffffff1a;color:#fff;transition:all .3s}.form-group input::placeholder{color:#fff9}.form-group input:focus,.role-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;background:#ffffff26}.role-select{cursor:pointer;color:#fff}.role-select option{background:#1e293b;color:#fff}.btn-register{width:100%;padding:14px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e33;pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.btn-register:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.btn-register:active{transform:translateY(0);box-shadow:0 2px 10px #22c55e4d}.btn-register:disabled{opacity:.6;cursor:not-allowed}.register-footer{text-align:center;margin-top:20px}.register-form{display:flex;flex-direction:column;gap:20px}.form-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e2e8f0}.register-footer p{color:#64748b;font-size:14px}.login-link{color:#22c55e;text-decoration:none;font-weight:600;transition:color .3s}.login-link:hover{color:#16a34a;text-decoration:underline}@media(max-width:768px){.btn-register{min-height:48px;font-size:16px}.form-group input,.role-select{font-size:16px}}@media(hover:none)and (pointer:coarse){.btn-register{transform:none}.btn-register:active{transform:scale(.98)}}.region-selector{display:flex;flex-direction:column;gap:1rem}.form-group label{color:#333;font-weight:600;font-size:.9rem;display:flex;align-items:center;gap:.25rem}.required{color:#dc3545;font-weight:700}.form-select{padding:10px 40px 10px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;background:#fff;color:#333;transition:all .3s ease;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:20px}.form-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-select.error{border-color:#dc3545}.form-select.error:focus{border-color:#dc3545;box-shadow:0 0 0 3px #dc35451a}.form-select:disabled{background-color:#f8f9fa;color:#6c757d;cursor:not-allowed;opacity:.6}.error-message{color:#dc3545;font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:.25rem}.error-message:before{content:"⚠";font-size:.9rem}.region-info{margin-top:.5rem}.info-badge{display:inline-flex;align-items:center;gap:.5rem;background:#e7f3ff;color:#06c;padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid #b3d9ff}.info-icon{font-size:1rem}.info-text{color:#06c}.form-select:hover:not(:disabled){border-color:#667eea;background-color:#f8f9fa}.form-select.loading{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3e%3cpath d='M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83'%3e%3c/path%3e%3c/svg%3e");animation:spin 1s linear infinite}@media(max-width:768px){.region-selector{gap:.75rem}.form-select{padding:12px 35px 12px 12px;font-size:.9rem}.info-badge{font-size:.8rem;padding:5px 10px}}@media(max-width:480px){.form-select{padding:10px 30px 10px 10px;font-size:.85rem}.form-group label{font-size:.85rem}.error-message{font-size:.75rem}.info-badge{font-size:.75rem;padding:4px 8px;flex-direction:column;align-items:flex-start;gap:.25rem}.info-icon{font-size:.9rem}}@media(prefers-color-scheme:dark){.form-select{background-color:#2d3748;color:#e2e8f0;border-color:#4a5568}.form-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.form-select:disabled{background-color:#1a202c;color:#718096}.info-badge{background:#2b6cb0;color:#e2e8f0;border-color:#2c5282}.info-text{color:#e2e8f0}}.form-select:focus-visible{outline:2px solid #667eea;outline-offset:2px}@media(prefers-contrast:high){.form-select{border-width:3px}.form-select:focus{border-width:3px}.error-message{font-weight:700}}.dashboard-container{padding:40px 5%;background:#f0fdf4;min-height:100vh;position:relative;overflow:hidden}.dashboard-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(251,191,36,.08) 0%,transparent 50%);animation:backgroundShift 15s ease-in-out infinite;pointer-events:none}.dashboard-container:after{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse"><circle cx="2" cy="2" r="1" fill="#22c55e" opacity="0.1"/><circle cx="22" cy="22" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="42" cy="2" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.6;pointer-events:none}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px;position:relative;z-index:1}.header-buttons{display:flex;gap:1rem;align-items:center}.btn-messages{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #22c55e4d;text-decoration:none}.btn-messages:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.dashboard-header h2{color:#1e293b;font-size:2.5rem;font-weight:800;position:relative;letter-spacing:-.5px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-header h2:before{content:"";position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#22c55e;border-radius:2px;animation:titleLineGlow 3s ease-in-out infinite}@keyframes titleLineGlow{0%,to{box-shadow:0 0 15px #22c55e66}50%{box-shadow:0 0 25px #0ea5e980}}@keyframes titleGlow{0%,to{text-shadow:0 0 30px rgba(34,197,94,.5)}50%{text-shadow:0 0 40px rgba(14,165,233,.6)}}.dashboard-header h2:before{content:"";position:absolute;bottom:-10px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#a855f7);border-radius:2px;animation:lineGlow 2s ease-in-out infinite}@keyframes lineGlow{0%,to{box-shadow:0 0 20px #22c55e99;width:80px}50%{box-shadow:0 0 30px #0ea5e9cc;width:100px}}.btn-add{background:#22c55e;color:#fff;padding:16px 32px;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .4s;font-size:1rem;letter-spacing:.5px;box-shadow:0 4px 15px #22c55e4d;position:relative;overflow:hidden}.btn-add:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.btn-add:hover:before{left:100%}.btn-add:hover{background:#16a34a;transform:translateY(-3px) scale(1.05);box-shadow:0 8px 30px #22c55e66}.events-grid{width:100%}.loading-state{text-align:center;padding:40px;color:#64748b}.cards-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px;padding:20px 0}.event-card{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px #0000001a;transition:all .3s ease;cursor:pointer}.event-card:hover{transform:translateY(-8px);box-shadow:0 8px 30px #00000026}.card-image{position:relative;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .card-image img{transform:scale(1.05)}.card-overlay{position:absolute;top:16px;right:16px;background:#000000b3;color:#fff;padding:4px 12px;border-radius:20px;font-size:.75rem;font-weight:600}.card-content{padding:20px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.event-location{color:#64748b;font-size:.85rem;font-weight:500}.event-title{font-size:1.25rem;font-weight:700;color:#1e293b;margin-bottom:8px;line-height:1.4}.event-description{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:16px}.card-actions{display:flex;gap:10px;flex-wrap:wrap}.card-actions .btn-detail,.card-actions .btn-book{flex:1;min-width:120px}.btn-book{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center}.btn-book:hover{transform:translateY(-2px);box-shadow:0 4px 15px #22c55e66}.btn-book.free{background:linear-gradient(135deg,#28a745,#20c997)}.btn-book.free:hover{box-shadow:0 4px 15px #28a74566}.btn-book.paid{background:linear-gradient(135deg,#667eea,#764ba2)}.btn-book.paid:hover{box-shadow:0 4px 15px #667eea66}.btn-detail{background:#6c757d;color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;text-align:center;flex:1;min-width:100px}.btn-detail:hover{background:#5a6268;transform:translateY(-2px)}.event-price{font-size:.9rem;font-weight:600;padding:4px 12px;border-radius:20px;display:inline-flex;align-items:center;gap:6px;background:#fff3cd;color:#856404}.event-price:has-text("GRATIS"),.event-price[data-price="0"]{background:#d4edda;color:#155724}.admin-actions{display:flex;gap:8px;justify-content:space-between}.badge-category{background-color:#dbeafe;color:#1e40af;padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:600}.btn-edit{background-color:#f59e0b;color:#fff;border:none;padding:6px 12px;border-radius:6px;cursor:pointer;font-weight:500;transition:background-color .2s;flex:1}.btn-edit:hover{background-color:#d97706}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s;flex:1;box-shadow:0 4px 15px #ef44444d}.stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}.charts-section{margin-bottom:40px}.charts-section h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:25px;position:relative;padding-left:20px}.charts-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:2px}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px}.chart-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;transition:all .3s ease}.chart-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.chart-card h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-container{height:250px;position:relative}.chart-container.pie-chart{height:200px}.detailed-stats-section{margin-bottom:40px}.detailed-stats-section h3{color:#1e293b;font-size:1.8rem;font-weight:700;margin-bottom:25px;position:relative;padding-left:20px}.detailed-stats-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:2px}.detailed-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px}.detail-stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;transition:all .3s ease}.detail-stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.detail-stat-card h4{color:#1e293b;font-size:1.3rem;font-weight:700;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.category-breakdown{display:flex;flex-direction:column;gap:12px}.category-stat{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;transition:all .3s ease}.category-stat:hover{background:linear-gradient(135deg,#e0f2fe,#dbeafe);transform:translate(5px)}.category-name{font-weight:600;color:#374151}.category-count{font-weight:800;color:#22c55e;font-size:1.1rem}.performance-metrics{display:flex;flex-direction:column;gap:16px}.metric{display:flex;justify-content:space-between;align-items:center;padding:16px;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border-radius:12px;border-left:4px solid #22c55e}.metric-label{font-weight:600;color:#374151;flex:1}.metric-value{font-weight:800;color:#1e293b;font-size:1.1rem;background:#fffc;padding:8px 16px;border-radius:8px;min-width:80px;text-align:center}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 8px 30px #0000001a;display:flex;align-items:center;gap:20px;transition:all .4s ease;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;overflow:hidden}.stat-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(34,197,94,.05) 0%,transparent 70%);animation:cardRotate 10s linear infinite;pointer-events:none}@keyframes cardRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 15px 40px #0003}.stat-icon{font-size:2.5rem;width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:16px;box-shadow:0 8px 25px #22c55e4d;position:relative;overflow:hidden;animation:iconFloat 3s ease-in-out infinite}@keyframes iconFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.stat-icon:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.3),transparent);animation:iconRotate 4s linear infinite;pointer-events:none}@keyframes iconRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.stat-content h3{font-size:2.8rem;font-weight:900;color:#1e293b;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.stat-content p{color:#64748b;margin:8px 0 0;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;font-size:.9rem}.table-section,.my-events-section{margin-top:30px}.table-section h3,.my-events-section h3{color:#1e293b;font-size:1.8rem;font-weight:800;margin-bottom:30px;position:relative;padding-left:20px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.table-section h3:before,.my-events-section h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:2px;animation:headerLineGlow 2s ease-in-out infinite}@keyframes headerLineGlow{0%,to{box-shadow:0 0 15px #22c55e66}50%{box-shadow:0 0 25px #0ea5e980}}.table-wrapper{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000001a;overflow-x:auto;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1}.table-wrapper:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#fbbf24);border-radius:20px 20px 0 0;animation:tableLineGlow 3s ease-in-out infinite;pointer-events:none}@keyframes tableLineGlow{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 30px #fbbf2480}}table{width:100%;border-collapse:collapse;text-align:left}table th{padding:18px;color:#374151;font-size:.9rem;text-transform:uppercase;border-bottom:2px solid rgba(34,197,94,.2);background:linear-gradient(135deg,#f0fdf4,#e0f2fe);font-weight:700;letter-spacing:1px}table td{padding:18px;color:#1e293b;font-weight:500;border-bottom:1px solid rgba(226,232,240,.3);transition:all .3s}table tr:hover td{background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);color:#0f172a}.event-thumb{width:70px;height:50px;border-radius:12px;object-fit:cover;border:2px solid rgba(255,255,255,.2);box-shadow:0 4px 15px #0000004d}.actions{display:flex;gap:8px}.btn-edit{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:10px 18px;border-radius:15px;cursor:pointer;font-weight:600;transition:all .3s;flex:1;box-shadow:0 4px 15px #f59e0b4d}.btn-edit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:10px 18px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s;flex:1;box-shadow:0 4px 15px #ef44444d}.volunteer-stats{display:flex;gap:50px;align-items:center;background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:20px 30px;border-radius:20px;border:1px solid rgba(255,255,255,.5);box-shadow:0 8px 30px #0000001a;position:relative;overflow:hidden}.volunteer-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#fbbf24);animation:volunteerLineGlow 3s ease-in-out infinite;pointer-events:none}@keyframes volunteerLineGlow{0%,to{box-shadow:0 0 15px #22c55e66}50%{box-shadow:0 0 25px #fbbf2480}}.volunteer-stats .stat-item{text-align:center}.volunteer-stats .stat-number{display:block;font-size:2rem;font-weight:900;color:#1e293b;margin-bottom:6px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.volunteer-stats .stat-label{font-size:.9rem;color:#64748b;text-transform:uppercase;letter-spacing:1.5px;font-weight:600}.volunteer-card .card-overlay{display:flex;flex-direction:column;gap:8px;top:12px;right:12px}.card-meta{display:flex;gap:12px;margin-bottom:16px;flex-wrap:wrap}.event-category-badge{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.registration-status{background:#000c;color:#fff;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase}.registration-status.registered{background:#22c55ee6}.registration-status.not-registered{background:#ef4444e6}.registered-btn{background:#6b7280!important;cursor:not-allowed!important}.registered-btn:hover{transform:none!important;box-shadow:none!important}.participants-section{margin-top:40px}.participants-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(450px,1fr));gap:30px}.participant-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 40px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;transition:all .4s ease;overflow:hidden}.participant-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#fbbf24);animation:participantLineGlow 3s ease-in-out infinite;pointer-events:none}@keyframes participantLineGlow{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 30px #fbbf2480}}.participant-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(14,165,233,.05) 0%,transparent 70%);animation:participantRotate 12s linear infinite;pointer-events:none}@keyframes participantRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.participant-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #00000026}.participant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(255,255,255,.1)}.participant-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid rgba(226,232,240,.3)}.participant-header h4{color:#1e293b;font-size:1.4rem;font-weight:800;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.participant-count{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;padding:8px 20px;border-radius:25px;font-size:.9rem;font-weight:700;box-shadow:0 4px 15px #22c55e4d;animation:countPulse 2s ease-in-out infinite}@keyframes countPulse{0%,to{box-shadow:0 4px 15px #22c55e4d}50%{box-shadow:0 4px 25px #0ea5e966}}.participants-list{max-height:300px;overflow-y:auto}.no-participants{text-align:center;color:#64748b;padding:30px 20px;font-style:italic}.participant-item{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid rgba(226,232,240,.3);transition:all .3s;border-radius:8px}.participant-item:hover{background:linear-gradient(135deg,#22c55e0d,#0ea5e90d);padding-left:10px;padding-right:10px}.participant-item:last-child{border-bottom:none}.participant-info{flex:1}.participant-name{font-weight:700;color:#1e293b;margin-bottom:6px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.participant-email{font-size:.9rem;color:#64748b}.status-badge{padding:2px 8px;border-radius:12px;font-size:.7rem;font-weight:600;text-transform:uppercase;align-self:flex-start;width:fit-content}.status-badge.accepted{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.participant-actions{display:flex;gap:8px;align-items:center}.participant-right-section{display:flex;align-items:center;gap:12px}.btn-accept{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:12px 20px;border-radius:15px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #22c55e4d}.btn-accept:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;border:none;padding:12px 20px;border-radius:15px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #25d3664d}.btn-whatsapp:hover{transform:translateY(-2px);box-shadow:0 6px 20px #25d36666}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:25px;padding:0;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #0000004d;border:1px solid rgba(255,255,255,.3);position:relative;overflow:hidden}.modal-content:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9);pointer-events:none}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:25px 30px;border-bottom:1px solid rgba(226,232,240,.5);background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.modal-header h3{margin:0;color:#0f172a;font-size:1.5rem;font-weight:700;text-shadow:1px 1px 2px rgba(0,0,0,.1)}.modal-close{background:#ef44441a;border:none;font-size:1.8rem;cursor:pointer;color:#ef4444;padding:8px 12px;border-radius:12px;transition:all .3s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:#ef444433;transform:rotate(90deg)}.event-form{padding:24px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:600;color:#374151;font-size:.9rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;outline:none;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel{background:#f3f4f6;color:#64748b;border:none;padding:12px 24px;border-radius:8px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-cancel:hover{background:#e5e7eb}.btn-submit{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;padding:14px 28px;border-radius:15px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e4d;position:relative;overflow:hidden}.btn-submit:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s;pointer-events:none}.btn-submit:hover:before{left:100%}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e66}@media(max-width:768px){.cards-container,.stats-container,.participants-grid{grid-template-columns:1fr;gap:16px}.modal-overlay{padding:10px}.modal-content{max-width:none;margin:10px}.dashboard-container{padding:20px 3%}.dashboard-header{flex-direction:column;gap:16px;align-items:stretch}.header-buttons{flex-direction:column;width:100%}.btn-messages{width:100%;justify-content:center}.btn-add{width:100%}.table-wrapper{overflow-x:scroll}table{min-width:600px}.participant-item{flex-direction:column;align-items:flex-start;gap:12px}.participant-actions{width:100%;justify-content:flex-end}.form-actions{flex-direction:column}}.admin-dashboard-container{padding:40px 5%;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);min-height:100vh;position:relative;overflow:hidden}.admin-dashboard-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(34,197,94,.08) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(14,165,233,.08) 0%,transparent 50%),radial-gradient(circle at 40% 20%,rgba(251,191,36,.08) 0%,transparent 50%);animation:backgroundShift 15s ease-in-out infinite;pointer-events:none}@keyframes backgroundShift{0%,to{transform:translate(0) rotate(0)}33%{transform:translate(-20px,-20px) rotate(120deg)}66%{transform:translate(20px,-10px) rotate(240deg)}}.dashboard-header{margin-bottom:50px;position:relative;z-index:1}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.header-text{text-align:left}.dashboard-header h1{font-size:3rem;font-weight:800;color:#1e293b;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.1)}.dashboard-header p{font-size:1.2rem;color:#64748b;margin:0}.messages-btn{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 15px #22c55e4d}.messages-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e66}.loading-spinner{width:50px;height:50px;border:4px solid #e5e7eb;border-top:4px solid #22c55e;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.overview-section,.registration-section,.category-section,.events-section,.users-section{margin-bottom:40px;position:relative;z-index:1}.overview-section h2,.registration-section h2,.category-section h2,.events-section h2,.users-section h2{font-size:1.8rem;font-weight:700;color:#1e293b;margin-bottom:25px;position:relative;padding-left:20px}.overview-section h2:before,.registration-section h2:before,.category-section h2:before,.events-section h2:before,.users-section h2:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:24px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:2px}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;margin-bottom:40px}.stat-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.5);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#fbbf24);animation:statLineGlow 3s ease-in-out infinite;pointer-events:none}@keyframes statLineGlow{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 30px #fbbf2480}}.stat-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.stat-card.primary:before{background:linear-gradient(90deg,#3b82f6,#1d4ed8)}.stat-card.secondary:before{background:linear-gradient(90deg,#8b5cf6,#7c3aed)}.stat-card.success:before{background:linear-gradient(90deg,#22c55e,#16a34a)}.stat-card.info:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.stat-card.warning:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-card.danger:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-icon{font-size:2.5rem;width:60px;height:60px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;box-shadow:0 4px 15px #0000001a}.stat-content h3{font-size:2.2rem;font-weight:900;color:#1e293b;margin:0;text-shadow:0 1px 2px rgba(0,0,0,.1)}.stat-content p{color:#64748b;margin:5px 0 0;font-weight:600;text-transform:uppercase;letter-spacing:1px;font-size:.9rem}.registration-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px}.registration-card{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;display:flex;align-items:center;gap:20px;transition:all .3s ease;border:1px solid rgba(255,255,255,.5)}.registration-card.accepted{border-left:5px solid #22c55e}.registration-card.pending{border-left:5px solid #f59e0b}.registration-icon{font-size:2rem;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0fdf4,#e0f2fe);border-radius:12px}.registration-info h3{font-size:1.8rem;font-weight:800;color:#1e293b;margin:0}.registration-info p{color:#64748b;margin:5px 0 0;font-weight:600}.registration-percentage{margin-left:auto;font-size:1.5rem;font-weight:900;color:#1e293b;background:linear-gradient(135deg,#f8fafc,#e2e8f0);padding:10px 20px;border-radius:15px;min-width:80px;text-align:center}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:30px;margin-bottom:40px}.chart-section{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;border:1px solid rgba(255,255,255,.5);position:relative;z-index:1;transition:all .3s ease}.chart-section:hover{transform:translateY(-5px);box-shadow:0 15px 40px #00000026}.chart-section h2{color:#1e293b;font-size:1.4rem;font-weight:700;margin-bottom:20px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.chart-container{height:300px;position:relative}.chart-container.pie-chart{height:250px}.chart-container canvas{max-height:100%;border-radius:8px}.events-table-wrapper,.users-table-wrapper{background:#ffffffe6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:20px;padding:30px;box-shadow:0 10px 30px #0000001a;overflow-x:auto;border:1px solid rgba(255,255,255,.5)}.events-table,.users-table{width:100%;border-collapse:collapse;text-align:left}.events-table th,.users-table th{padding:15px;color:#374151;font-size:.9rem;text-transform:uppercase;border-bottom:2px solid rgba(34,197,94,.2);background:linear-gradient(135deg,#f0fdf4,#e0f2fe);font-weight:700;letter-spacing:1px}.events-table td,.users-table td{padding:15px;color:#1e293b;font-weight:500;border-bottom:1px solid rgba(226,232,240,.3);transition:all .3s}.events-table tr:hover td,.users-table tr:hover td{background:linear-gradient(135deg,#22c55e0d,#0ea5e90d)}.badge-category{background-color:#dbeafe;color:#1e40af;padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600}.badge-role{padding:4px 12px;border-radius:12px;font-size:.75rem;font-weight:600;text-transform:uppercase}.badge-role.admin{background-color:#fee2e2;color:#991b1b}.badge-role.organizer{background-color:#dbeafe;color:#1e40af}.badge-role.volunteer{background-color:#dcfce7;color:#166534}.no-users{text-align:center;padding:3rem 2rem;background:#f9fafb;border-radius:12px;border:2px dashed #e5e7eb}.no-users p{color:#6b7280;font-size:1.1rem;margin:0}.btn-delete{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;border:none;padding:8px 16px;border-radius:12px;cursor:pointer;font-weight:600;transition:all .3s;box-shadow:0 4px 15px #ef44444d}.btn-delete:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ef444466}.no-data-message{display:flex;align-items:center;justify-content:center;height:100%;min-height:200px;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:12px;border:2px dashed #e5e7eb}.no-data-message p{color:#6b7280;font-size:1.1rem;margin:0;font-weight:600}@media(max-width:768px){.admin-dashboard-container{padding:20px 3%}.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.messages-btn{width:100%;justify-content:center}.dashboard-header h1{font-size:2rem}.stats-grid,.registration-stats,.category-grid{grid-template-columns:1fr;gap:16px}.events-table-wrapper,.users-table-wrapper{overflow-x:scroll}.events-table,.users-table{min-width:600px}}.create-event-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);padding:40px 20px;display:flex;justify-content:center;align-items:flex-start;position:relative;z-index:1}.create-event-card{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:50px;box-shadow:0 20px 60px #0000004d;border:1px solid rgba(255,255,255,.2);width:100%;max-width:600px;position:relative;overflow:hidden;z-index:2}.create-event-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#22c55e,#0ea5e9,#fbbf24);animation:cardLineGlow 3s ease-in-out infinite}@keyframes cardLineGlow{0%,to{box-shadow:0 0 20px #22c55e66}50%{box-shadow:0 0 30px #fbbf2480}}.create-event-header{text-align:center;margin-bottom:40px}.create-event-header h1{color:#fff;font-size:2.5rem;font-weight:800;margin-bottom:12px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.create-event-header p{color:#fffc;font-size:1.1rem;margin:0}.create-event-form{display:flex;flex-direction:column;gap:24px}.form-group label{font-weight:600;margin-bottom:8px;color:#fff;font-size:.95rem}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:16px;transition:all .3s;background:#ffffff1a;color:#fff}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33;background:#ffffff26}.form-group textarea{resize:vertical;min-height:120px;font-family:inherit}.image-type-selector{display:flex;gap:20px;margin-bottom:12px}.radio-option{display:flex;align-items:center;gap:8px;cursor:pointer;font-weight:500;color:#fffc;transition:color .3s}.radio-option:hover{color:#22c55e}.radio-option input[type=radio]{accent-color:#22c55e;width:18px;height:18px;margin:0}.file-input,.url-input{width:100%}.image-preview{margin-top:16px}.image-preview h4{color:#374151;font-size:.9rem;margin-bottom:8px;font-weight:600}.preview-img{width:100%;max-height:200px;object-fit:cover;border-radius:12px;border:2px solid rgba(255,255,255,.2)}.form-actions{display:flex;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(255,255,255,.2)}.btn-cancel{flex:1;padding:16px;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.btn-cancel:hover{background:#fff3;transform:translateY(-2px)}.btn-cancel:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-cancel:active{transform:translateY(0)}.btn-submit{flex:1;padding:16px;background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 15px #22c55e33;pointer-events:auto;-webkit-user-select:none;user-select:none;position:relative;z-index:10}.btn-submit:hover{transform:translateY(-2px);box-shadow:0 6px 20px #22c55e4d}.btn-submit:active{transform:translateY(0);box-shadow:0 2px 10px #22c55e4d}.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none;pointer-events:none}@media(max-width:768px){.create-event-container{padding:20px 16px}.create-event-card{padding:30px 24px}.create-event-header h1{font-size:2rem}.image-type-selector{flex-direction:column;gap:12px}.form-actions{flex-direction:column}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.btn-submit:disabled{animation:pulse 1.5s ease-in-out infinite}.about-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff}.about-hero{padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.about-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.history-section{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.history-timeline{max-width:800px;margin:0 auto;position:relative}.history-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(135deg,#22c55e,#0ea5e9);transform:translate(-50%)}.timeline-item{display:flex;margin-bottom:60px;position:relative}.timeline-item:nth-child(odd){flex-direction:row}.timeline-item:nth-child(2n){flex-direction:row-reverse}.timeline-year{flex:0 0 120px;text-align:center;font-size:2rem;font-weight:900;color:#22c55e;position:relative;z-index:2}.timeline-content{flex:1;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px;border:1px solid rgba(255,255,255,.2);margin:0 30px}.timeline-content h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px}.timeline-content p{color:#fffc;line-height:1.6}.vision-mission-section{padding:100px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.vm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:40px;max-width:1000px;margin:0 auto}.vm-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,box-shadow .3s ease}.vm-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.vm-icon{font-size:4rem;margin-bottom:20px;display:block}.vm-card h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:20px}.vm-card p{color:#fffc;line-height:1.6;margin-bottom:20px}.vm-card ul{list-style:none;padding:0;text-align:left}.vm-card li{color:#fffc;margin-bottom:10px;padding-left:20px;position:relative}.vm-card li:before{content:"✓";position:absolute;left:0;color:#22c55e}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:1000px;margin:0 auto}.team-member{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease}.team-member:hover{transform:translateY(-10px)}.member-avatar{width:100px;height:100px;margin:0 auto 20px;border-radius:50%;overflow:hidden;background:linear-gradient(135deg,#22c55e,#0ea5e9);display:flex;align-items:center;justify-content:center}.avatar-placeholder{font-size:3rem;color:#fff}.team-member-photo{width:100%;height:100%;object-fit:cover;border-radius:50%}.team-member h4{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px}.team-member p{color:#fffc;font-size:.9rem}.campus-section{padding:120px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);position:relative}.campus-section:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="campusGrain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.05"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.05"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.05"/></pattern></defs><rect width="100" height="100" fill="url(%23campusGrain)"/></svg>');opacity:.3;pointer-events:none}.campus-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;max-width:1200px;margin:0 auto;position:relative;z-index:2}.campus-info{padding-right:20px}.campus-info h3{font-size:2.5rem;font-weight:800;color:#fff;margin-bottom:25px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.campus-info p{color:#ffffffe6;line-height:1.7;margin-bottom:40px;font-size:1.1rem;max-width:500px}.campus-stats{display:flex;gap:40px;margin-top:20px}.stat-item{text-align:center;padding:25px 20px;background:#ffffff1a;border-radius:15px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;flex:1}.stat-item:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 10px 30px #0003}.stat-number{display:block;font-size:2.8rem;font-weight:900;color:#22c55e;margin-bottom:8px;text-shadow:0 2px 4px rgba(0,0,0,.3)}.stat-label{font-size:.95rem;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;font-weight:600}.campus-image{display:flex;align-items:center;justify-content:center;position:relative}.campus-image:before{content:"";position:absolute;inset:-20px;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);border-radius:25px;z-index:-1;animation:campusGlow 4s ease-in-out infinite alternate}@keyframes campusGlow{0%{opacity:.3;transform:scale(1)}to{opacity:.6;transform:scale(1.02)}}.image-placeholder{width:100%;height:300px;background:#ffffff1a;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2)}.image-placeholder span{font-size:4rem;color:#ffffff80;margin-bottom:10px}.image-placeholder p{color:#fff9;font-size:.9rem}.campus-photo{width:100%;height:300px;object-fit:cover;border-radius:20px}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.section-header h2{font-size:2rem}.history-timeline:before{left:30px}.timeline-item{flex-direction:column!important}.timeline-year{margin-bottom:20px}.timeline-content{margin:0}.vm-grid{grid-template-columns:1fr}.campus-section{padding:80px 20px}.campus-content{grid-template-columns:1fr;gap:50px;text-align:center}.campus-info{padding-right:0}.campus-info h3{font-size:2rem;text-align:center}.campus-info p{max-width:100%;font-size:1rem;text-align:center}.campus-stats{gap:20px;justify-content:center;margin-top:30px}.stat-item{padding:20px 15px;min-width:120px}.stat-number{font-size:2.2rem}.stat-label{font-size:.85rem}.campus-image:before{inset:-15px}}@media(max-width:480px){.campus-section{padding:60px 15px}.campus-content{gap:40px}.campus-info h3{font-size:1.8rem}.campus-info p{font-size:.95rem}.campus-stats{flex-direction:column;gap:15px;align-items:center}.stat-item{width:100%;max-width:200px}.stat-number{font-size:2rem}.stat-label{font-size:.8rem}}.impact-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff}.impact-hero{padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.impact-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.section-header h2{font-size:3rem;font-weight:900;margin-bottom:15px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.main-stats{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:900px;margin:0 auto}.stat-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:30px 20px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden;min-height:200px;display:flex;flex-direction:column;justify-content:center}.stat-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#22c55e,#0ea5e9)}.stat-icon{font-size:2.5rem;margin-bottom:15px;display:block;color:#22c55e}.stat-number{display:block;font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.3);word-wrap:break-word;overflow-wrap:break-word}.stat-label{display:block;font-size:.9rem;color:#fffc;font-weight:600;text-transform:uppercase;letter-spacing:.5px;word-wrap:break-word;overflow-wrap:break-word}.categories-section{padding:100px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto}.category-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease}.category-card:hover{transform:translateY(-10px)}.category-icon{font-size:3rem;margin-bottom:20px;display:block}.category-card p{color:#fffc;line-height:1.6;margin-bottom:20px}.progress-bar{width:100%;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden;margin-bottom:10px}.progress-fill{height:100%;border-radius:4px;transition:width 2s ease-in-out}.percentage{font-size:1.2rem;font-weight:700;color:#fff}.recent-impacts{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.impacts-timeline{max-width:1000px;margin:0 auto}.impact-item{display:flex;gap:30px;margin-bottom:40px;padding:30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.impact-item:hover{transform:translateY(-5px)}.impact-date{flex:0 0 120px;display:flex;align-items:center;justify-content:center}.date-badge{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;padding:15px;border-radius:15px;text-align:center;font-weight:700;min-width:80px}.date-badge span{display:block;font-size:.8rem;opacity:.8}.impact-content{flex:1;display:flex;gap:20px;align-items:center}.impact-image{width:100px;height:100px;background:#ffffff1a;border-radius:15px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#ffffff80;flex-shrink:0}.impact-info{flex:1}.impact-info h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:10px}.impact-meta{display:flex;gap:20px;margin-bottom:10px}.location,.volunteers{color:#ffffffb3;font-size:.9rem;display:flex;align-items:center;gap:5px}.impact-result{color:#22c55e;font-weight:600;font-size:1.1rem}.testimonials-section{padding:100px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto}.testimonial-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.testimonial-card:hover{transform:translateY(-10px)}.testimonial-content{margin-bottom:30px}.testimonial-content p{font-size:1.1rem;line-height:1.8;color:#ffffffe6;font-style:italic;position:relative}.testimonial-content p:before,.testimonial-content p:after{content:'"';font-size:3rem;color:#22c55e;position:absolute;opacity:.3}.testimonial-content p:before{top:-20px;left:-20px}.testimonial-content p:after{bottom:-40px;right:-20px}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.author-info h4{font-size:1.1rem;font-weight:700;color:#fff;margin-bottom:5px}.author-info span{font-size:.9rem;color:#ffffffb3}.cta-section{padding:120px 20px;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);text-align:center}.cta-content h2{font-size:3rem;font-weight:900;color:#fff;margin-bottom:20px;text-shadow:0 4px 8px rgba(0,0,0,.3)}.cta-content p{font-size:1.4rem;color:#ffffffe6;margin-bottom:40px;line-height:1.6}.btn-primary,.btn-secondary{padding:15px 30px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-size:16px}.btn-primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#fff3;transform:translateY(-2px)}@media(max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:700px}}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.section-header h2{font-size:2rem}.stats-grid{grid-template-columns:repeat(2,1fr);gap:15px;max-width:600px}.stat-number{font-size:2.5rem}.categories-grid{grid-template-columns:1fr}.impact-item,.impact-content{flex-direction:column;text-align:center}.impact-meta{justify-content:center}.testimonials-grid{grid-template-columns:1fr}.date-badge{min-width:60px;padding:10px}}.faq-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff}.faq-hero{padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.faq-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.hero-content p{font-size:1.4rem;color:#fffc;max-width:800px;margin:0 auto 40px;line-height:1.6}.search-box{max-width:600px;margin:0 auto;position:relative}.search-input{width:100%;padding:20px 60px 20px 25px;border:2px solid rgba(255,255,255,.2);border-radius:50px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;font-size:1.1rem;transition:all .3s ease}.search-input::placeholder{color:#fff9}.search-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.search-btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);background:linear-gradient(135deg,#22c55e,#0ea5e9);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:1.2rem;cursor:pointer;transition:all .3s ease}.search-btn:hover{transform:translateY(-50%) scale(1.1)}.categories-section{padding:80px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.category-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0003}.category-card.active{background:#22c55e33;border-color:#22c55e}.category-card.active:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(135deg,#22c55e,#0ea5e9)}.category-icon{font-size:3rem;margin-bottom:20px;display:block;color:#22c55e}.category-card h3{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:15px}.category-card p{color:#fffc;line-height:1.6;font-size:.95rem}.faq-items-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.faq-list{max-width:900px;margin:0 auto}.faq-item{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;margin-bottom:20px;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all .3s ease}.faq-item:hover{box-shadow:0 10px 30px #0003}.faq-question{padding:30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .3s ease}.faq-question:hover{background:#ffffff0d}.faq-question h3{font-size:1.3rem;font-weight:600;color:#fff;margin:0;flex:1}.toggle-icon{width:40px;height:40px;background:#ffffff1a;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#22c55e;transition:transform .3s ease;flex-shrink:0;margin-left:20px}.toggle-icon.expanded{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}.faq-answer.expanded{max-height:500px;padding:0 30px 30px}.faq-answer p{color:#fffc;line-height:1.8;margin:0}.contact-support-section{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);text-align:center}.support-content h2{font-size:3rem;font-weight:900;color:#fff;margin-bottom:20px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.support-content p{font-size:1.2rem;color:#fffc;max-width:800px;margin:0 auto 60px;line-height:1.6}.support-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;max-width:900px;margin:0 auto 60px}.support-option{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.support-option:hover{transform:translateY(-10px)}.support-icon{font-size:3rem;color:#22c55e;margin-bottom:20px}.support-option h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:10px}.support-option p{color:#fff;font-size:1.1rem;margin-bottom:10px;font-weight:600}.support-option span{color:#fff9;font-size:.9rem}.quick-links-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.link-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease}.link-card:hover{transform:translateY(-10px)}.link-card h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:15px;display:flex;align-items:center;gap:10px}.link-card p{color:#fffc;line-height:1.6;margin-bottom:20px}.link-card a{color:#22c55e;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:gap .3s ease}.link-card a:hover{gap:10px}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.search-input{padding:15px 50px 15px 20px;font-size:1rem}.categories-grid{grid-template-columns:1fr;gap:20px}.category-card{padding:30px 20px}.faq-question{padding:20px}.faq-question h3{font-size:1.1rem}.support-content h2{font-size:2rem}.support-options{grid-template-columns:1fr;gap:30px}.quick-links-grid{grid-template-columns:1fr}}.contact-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff}.container{max-width:1200px;margin:0 auto;padding:0 20px}.contact-hero{padding:120px 20px 80px;text-align:center;position:relative;overflow:hidden}.contact-hero:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="#22c55e" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="#0ea5e9" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="#fbbf24" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.4;pointer-events:none}.hero-content h1{font-size:4rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.hero-content p{font-size:1.4rem;color:#fffc;max-width:800px;margin:0 auto;line-height:1.6}.contact-info-section{padding:80px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;max-width:1200px;margin:0 auto}.info-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease}.info-card:hover{transform:translateY(-10px)}.info-icon{font-size:3rem;margin-bottom:20px;display:block}.info-card h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:15px}.info-card p{color:#fffc;line-height:1.6}.contact-main-section{padding:100px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;max-width:1200px;margin:0 auto}.contact-form-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px;border:1px solid rgba(255,255,255,.2)}.form-header{margin-bottom:40px}.form-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px}.form-header p{color:#fffc;line-height:1.6}.success-message{background:#22c55e33;border:1px solid #22c55e;border-radius:15px;padding:20px;margin-bottom:30px;display:flex;align-items:center;gap:15px}.success-message span{font-size:1.5rem;color:#22c55e}.success-message p{color:#fff;font-weight:600;margin:0}.contact-form{display:flex;flex-direction:column;gap:25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group label{color:#fff;font-weight:600;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:12px;padding:15px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e33}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:50px;padding:18px 40px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;margin-top:10px}.submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top:2px solid white;border-radius:50%;animation:spin 1s linear infinite}.map-section{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:50px;border:1px solid rgba(255,255,255,.2)}.map-header{margin-bottom:30px}.map-header h2{font-size:2rem;font-weight:700;color:#fff;margin-bottom:10px}.map-header p{color:#fffc;line-height:1.6}.map-container{border-radius:20px;overflow:hidden;margin-bottom:20px}.map-info{display:flex;flex-direction:column;gap:10px}.info-item{display:flex;gap:10px;font-size:.9rem}.info-label{color:#fff9;min-width:80px}.team-section{padding:100px 20px;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1)}.section-header{text-align:center;margin-bottom:60px}.section-header h2{font-size:3rem;font-weight:900;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-header p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.team-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:40px 30px;border:1px solid rgba(255,255,255,.2);text-align:center;transition:transform .3s ease}.team-card:hover{transform:translateY(-10px)}.member-avatar{width:80px;height:80px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem;color:#fff}.team-card h3{font-size:1.3rem;font-weight:700;color:#fff;margin-bottom:5px}.member-role{color:#ffffffb3;font-size:.9rem;margin-bottom:15px}.member-email{color:#22c55e;text-decoration:none;font-size:.9rem;margin-bottom:20px;display:block}.member-email:hover{text-decoration:underline}.member-actions{display:flex;gap:10px;justify-content:center}.faq-link-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);text-align:center}.faq-content h2{font-size:2.5rem;font-weight:900;color:#fff;margin-bottom:15px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.faq-content p{font-size:1.2rem;color:#fffc;margin-bottom:30px;line-height:1.6}.faq-btn{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;border:none;border-radius:50px;padding:15px 30px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.faq-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px #22c55e4d}@media(max-width:768px){.hero-content h1{font-size:2.5rem}.info-grid{grid-template-columns:1fr;gap:20px}.contact-grid{grid-template-columns:1fr;gap:40px}.contact-form-section,.map-section{padding:30px}.form-row{grid-template-columns:1fr;gap:0}.team-grid{grid-template-columns:1fr;gap:20px}.member-actions{flex-direction:column}.section-header h2,.faq-content h2{font-size:2rem}}.guide-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow-x:hidden}.guide-hero{padding:100px 20px 60px;text-align:center;position:relative;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-icon{font-size:4rem;color:#22c55e;margin-bottom:20px;animation:float 3s ease-in-out infinite}.guide-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.guide-hero p{font-size:1.3rem;color:#fffc;margin-bottom:40px;line-height:1.6}.stat{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#ffffffe6}.stat svg{color:#22c55e;font-size:1.2rem}.guide-navigation{padding:60px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.nav-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-icon{font-size:3rem;color:#22c55e;margin-bottom:20px}.nav-card h3{font-size:1.3rem;margin-bottom:15px;color:#fff}.nav-card p{font-size:.95rem;color:#ffffffb3;margin-bottom:20px;line-height:1.5}.nav-arrow{position:absolute;bottom:20px;right:20px;font-size:1.2rem;color:#22c55e;transition:transform .3s ease}.nav-card:hover .nav-arrow{transform:translate(5px)}.guide-content{padding:60px 20px;max-width:1000px;margin:0 auto}.content-header{text-align:center;margin-bottom:50px}.content-header h2{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:#fff}.content-header p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.steps-container{display:flex;flex-direction:column;gap:25px}.step-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;transition:all .3s ease}.step-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #22c55e33}.step-header{display:flex;align-items:center;gap:20px;padding:25px 30px;cursor:pointer;transition:background .3s ease}.step-header:hover{background:#ffffff0d}.step-number{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;color:#fff;font-weight:700;font-size:1.2rem;position:relative;flex-shrink:0}.step-number .check-icon{position:absolute;top:-5px;right:-5px;background:#22c55e;border-radius:50%;padding:5px;font-size:.8rem;color:#fff}.step-info{flex:1}.step-info h3{font-size:1.3rem;font-weight:600;margin-bottom:8px;color:#fff}.step-info p{font-size:1rem;color:#ffffffb3;line-height:1.5}.step-toggle{color:#fff9;transition:all .3s ease}.toggle-icon{transition:transform .3s ease}.toggle-icon.expanded{transform:rotate(90deg)}.step-details{padding:0 30px 30px;border-top:1px solid rgba(255,255,255,.1);animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.step-list{margin-bottom:25px}.step-list h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#22c55e;display:flex;align-items:center;gap:10px}.step-list ul{list-style:none;padding:0;margin:0}.step-list li{display:flex;align-items:center;gap:12px;padding:8px 0;color:#fffc;font-size:.95rem;line-height:1.5}.step-tips{background:#22c55e1a;border:1px solid rgba(34,197,94,.3);border-radius:12px;padding:20px}.tip-header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.tip-header svg{color:#22c55e;font-size:1.1rem}.tip-header h4{font-size:1rem;font-weight:600;color:#22c55e;margin:0}.step-tips p{color:#ffffffe6;font-size:.95rem;line-height:1.5;margin:0}.video-tutorial-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.section-header{text-align:center;margin-bottom:50px}.section-header h2{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:#fff}.section-header p{font-size:1.2rem;color:#fffc;max-width:600px;margin:0 auto;line-height:1.6}.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:1200px;margin:0 auto}.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #22c55e33}.video-thumbnail{position:relative;height:180px;background:linear-gradient(135deg,#22c55e33,#0ea5e933);display:flex;align-items:center;justify-content:center;overflow:hidden}.play-icon{font-size:3rem;color:#fff;background:#00000080;border-radius:50%;padding:20px;transition:all .3s ease}.video-card:hover .play-icon{transform:scale(1.1);background:#22c55ecc}.video-card h3{font-size:1.2rem;font-weight:600;margin:20px 20px 10px;color:#fff}.video-card p{font-size:.95rem;color:#ffffffb3;margin:0 20px 15px;line-height:1.5}.video-card span{display:inline-block;margin:0 20px 20px;padding:5px 15px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:20px;font-size:.85rem;color:#22c55e}.guide-faq-section{padding:80px 20px}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;max-width:1200px;margin:0 auto}.faq-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;transition:all .3s ease}.faq-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #22c55e33}.faq-icon{width:50px;height:50px;background:linear-gradient(135deg,#22c55e,#0ea5e9);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;margin-bottom:20px}.faq-card h3{font-size:1.2rem;font-weight:600;margin-bottom:15px;color:#fff;line-height:1.4}.faq-card p{font-size:.95rem;color:#fffc;line-height:1.6}.guide-cta-section{padding:80px 20px;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);text-align:center;border-top:1px solid rgba(255,255,255,.1)}.cta-content{text-align:center;max-width:800px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.cta-content h2{font-size:2.5rem;font-weight:800;margin-bottom:20px;color:#fff}.cta-content p{font-size:1.2rem;color:#fffc;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap;margin:0 auto;width:fit-content;max-width:100%}.btn-primary,.btn-secondary{padding:18px 40px;border-radius:50px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block;text-transform:uppercase;letter-spacing:1px}.btn-primary{background:linear-gradient(135deg,#22c55e,#0ea5e9);color:#fff;box-shadow:0 8px 25px #22c55e4d}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px #22c55e66}.btn-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}@media(max-width:768px){.guide-hero h1{font-size:2.5rem}.hero-stats{gap:20px}.nav-grid{grid-template-columns:1fr;gap:20px}.content-header h2{font-size:2rem}.step-header{padding:20px;gap:15px}.step-number{width:40px;height:40px;font-size:1rem}.step-info h3{font-size:1.1rem}.video-grid,.faq-grid{grid-template-columns:1fr;gap:20px}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media(max-width:480px){.guide-hero{padding:80px 15px 40px}.guide-hero h1{font-size:2rem}.guide-hero p{font-size:1.1rem}.nav-card{padding:20px}.content-header h2{font-size:1.8rem}.section-header h2,.cta-content h2{font-size:2rem}}.privacy-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow-x:hidden}.privacy-hero{padding:100px 20px 60px;text-align:center;position:relative;background:linear-gradient(135deg,#22c55e1a,#0ea5e91a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-icon{font-size:4rem;color:#22c55e;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.privacy-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#22c55e,#0ea5e9);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.privacy-hero p{font-size:1.3rem;color:#fffc;margin-bottom:40px;line-height:1.6}.meta-item svg{color:#22c55e;font-size:1.1rem}.privacy-navigation{padding:60px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nav-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 20px 40px #22c55e33}.nav-card.active{background:linear-gradient(135deg,#22c55e33,#0ea5e933);border-color:#22c55e;box-shadow:0 0 30px #22c55e4d}.nav-icon{font-size:2.5rem;color:#22c55e;margin-bottom:15px}.privacy-content{padding:60px 20px;max-width:1000px;margin:0 auto}.overview-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #22c55e33}.overview-card h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#22c55e}.content-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #22c55e33}.security-level{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.security-level.tinggi{background:#22c55e33;border:1px solid rgba(34,197,94,.4);color:#22c55e}.security-level.sedang{background:#f59e0b33;border:1px solid rgba(245,158,11,.4);color:#f59e0b}.security-level.rendah{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.requirement-status{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600}.requirement-status.required{background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.requirement-status.optional{background:#3b82f633;border:1px solid rgba(59,130,246,.4);color:#3b82f6}.items-list,.examples-list,.details-list,.actions-list,.data-shared-list{margin-bottom:25px}.items-list h4,.examples-list h4,.details-list h4,.actions-list h4,.data-shared-list h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#22c55e;display:flex;align-items:center;gap:10px}.items-list ul,.examples-list ul,.details-list ul,.actions-list ul,.data-shared-list ul{list-style:none;padding:0;margin:0}.items-list li,.examples-list li,.details-list li,.actions-list li,.data-shared-list li{display:flex;align-items:center;gap:12px;padding:10px 0;color:#fffc;font-size:1rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.items-list li:last-child,.examples-list li:last-child,.details-list li:last-child,.actions-list li:last-child,.data-shared-list li:last-child{border-bottom:none}.user-icon{color:#f59e0b;font-size:.9rem;flex-shrink:0}.data-icon{color:#06b6d4;font-size:.9rem;flex-shrink:0}.companies-list{margin-bottom:25px}.companies-list h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#22c55e}.companies-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px}.company-item{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffffe6;font-size:.95rem}.company-item svg{color:#22c55e;font-size:1rem}.purpose-section,.process-section,.duration-section{margin-bottom:25px}.purpose-section h4,.process-section h4,.duration-section h4{font-size:1.1rem;font-weight:600;margin-bottom:10px;color:#22c55e}.purpose-section p,.process-section p,.duration-section p{font-size:1rem;color:#fffc;line-height:1.5}.privacy-contact-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #22c55e33}.contact-card svg{font-size:3rem;color:#22c55e;margin-bottom:20px}@media(max-width:768px){.privacy-hero h1{font-size:2.5rem}.hero-meta{gap:20px;flex-direction:column;align-items:center}.nav-grid{grid-template-columns:1fr;gap:20px}.nav-card{padding:20px}.nav-icon{font-size:2rem}.card-header,.card-content{padding:20px}.companies-grid{grid-template-columns:1fr}.contact-methods{grid-template-columns:1fr;gap:20px}.contact-card{padding:25px}}@media(max-width:480px){.privacy-hero{padding:80px 15px 40px}.privacy-hero h1{font-size:2rem}.privacy-hero p{font-size:1.1rem}.nav-card{padding:15px}.card-header h3{font-size:1.2rem}.contact-content h2{font-size:2rem}.contact-content p{font-size:1.1rem}.meta-item{font-size:.9rem;padding:8px 16px}}.terms-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow-x:hidden}.terms-hero{padding:100px 20px 60px;text-align:center;position:relative;background:linear-gradient(135deg,#8b5cf61a,#22c55e1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-icon{font-size:4rem;color:#8b5cf6;margin-bottom:20px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.terms-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#8b5cf6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.terms-hero p{font-size:1.3rem;color:#fffc;margin-bottom:40px;line-height:1.6}.hero-meta{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.meta-item{display:flex;align-items:center;gap:10px;font-size:1rem;color:#ffffffe6;background:#ffffff1a;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.meta-item svg{color:#8b5cf6;font-size:1.1rem}.terms-navigation{padding:60px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.nav-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:25px;max-width:1200px;margin:0 auto}.nav-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:25px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.nav-card:hover{transform:translateY(-5px);background:#ffffff26;box-shadow:0 20px 40px #8b5cf633}.nav-card.active{background:linear-gradient(135deg,#8b5cf633,#22c55e33);border-color:#8b5cf6;box-shadow:0 0 30px #8b5cf64d}.nav-icon{font-size:2.5rem;color:#8b5cf6;margin-bottom:15px}.nav-card h3{font-size:1.2rem;margin-bottom:10px;color:#fff}.nav-card p{font-size:.9rem;color:#ffffffb3;line-height:1.4}.terms-content{padding:60px 20px;max-width:1000px;margin:0 auto}.overview-content{display:grid;gap:30px}.overview-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;transition:all .3s ease}.overview-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf633}.overview-card h2{font-size:1.5rem;font-weight:700;margin-bottom:15px;color:#8b5cf6}.overview-card p{font-size:1.1rem;color:#fffc;line-height:1.6}.list-content{display:flex;flex-direction:column;gap:30px}.content-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;transition:all .3s ease}.content-card:hover{transform:translateY(-3px);box-shadow:0 15px 35px #8b5cf633}.card-header{padding:25px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.card-header h3{font-size:1.4rem;font-weight:700;margin-bottom:10px;color:#fff}.card-header p{font-size:1.1rem;color:#fffc;line-height:1.5}.consequence-badge{display:inline-flex;align-items:center;gap:8px;margin-top:15px;padding:8px 16px;border-radius:20px;font-size:.9rem;font-weight:600;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444}.card-content{padding:30px}.details-list,.responsibilities-list,.examples-list,.limitations-list,.process-list,.steps-list,.reasons-list,.consequences-list{margin-bottom:25px}.details-list h4,.responsibilities-list h4,.examples-list h4,.limitations-list h4,.process-list h4,.steps-list h4,.reasons-list h4,.consequences-list h4{font-size:1.1rem;font-weight:600;margin-bottom:15px;color:#8b5cf6;display:flex;align-items:center;gap:10px}.details-list ul,.responsibilities-list ul,.examples-list ul,.limitations-list ul,.process-list ul,.steps-list ul,.reasons-list ul,.consequences-list ul{list-style:none;padding:0;margin:0}.details-list li,.responsibilities-list li,.examples-list li,.limitations-list li,.process-list li,.steps-list li,.reasons-list li,.consequences-list li{display:flex;align-items:center;gap:12px;padding:10px 0;color:#fffc;font-size:1rem;line-height:1.5;border-bottom:1px solid rgba(255,255,255,.05)}.details-list li:last-child,.responsibilities-list li:last-child,.examples-list li:last-child,.limitations-list li:last-child,.process-list li:last-child,.reasons-list li:last-child,.consequences-list li:last-child{border-bottom:none}.info-icon{color:#3b82f6;font-size:.9rem;flex-shrink:0}.shield-icon{color:#8b5cf6;font-size:.9rem;flex-shrink:0}.ban-icon{color:#ef4444;font-size:.9rem;flex-shrink:0}.warning-icon{color:#f59e0b;font-size:.9rem;flex-shrink:0}.clock-icon{color:#06b6d4;font-size:.9rem;flex-shrink:0}.check-icon{color:#22c55e;font-size:.9rem;flex-shrink:0}.gavel-icon{color:#dc2626;font-size:.9rem;flex-shrink:0}.terms-contact-section{padding:80px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.contact-content{text-align:center;max-width:800px;margin:0 auto}.contact-content h2{font-size:2.5rem;font-weight:800;margin-bottom:15px;color:#fff}.contact-content p{font-size:1.2rem;color:#fffc;margin-bottom:40px;line-height:1.6}.contact-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.contact-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:30px;text-align:center;transition:all .3s ease}.contact-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #8b5cf633}.contact-card svg{font-size:3rem;color:#8b5cf6;margin-bottom:20px}.contact-card h3{font-size:1.3rem;font-weight:600;margin-bottom:10px;color:#fff}.contact-card p{font-size:1.1rem;color:#ffffffe6;margin-bottom:10px;font-weight:600}.contact-card span{font-size:.9rem;color:#fff9}@media(max-width:768px){.terms-hero h1{font-size:2.5rem}.hero-meta{gap:20px;flex-direction:column;align-items:center}.nav-grid{grid-template-columns:1fr;gap:20px}.nav-card{padding:20px}.nav-icon{font-size:2rem}.card-header,.card-content{padding:20px}.contact-methods{grid-template-columns:1fr;gap:20px}.contact-card{padding:25px}}@media(max-width:480px){.terms-hero{padding:80px 15px 40px}.terms-hero h1{font-size:2rem}.terms-hero p{font-size:1.1rem}.nav-card{padding:15px}.card-header h3{font-size:1.2rem}.contact-content h2{font-size:2rem}.contact-content p{font-size:1.1rem}.meta-item{font-size:.9rem;padding:8px 16px}}.videos-container{min-height:100vh;background:linear-gradient(135deg,#0f172a,#1e293b,#334155);color:#fff;overflow-x:hidden}.videos-hero{padding:100px 20px 60px;text-align:center;position:relative;background:linear-gradient(135deg,#8b5cf61a,#22c55e1a);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.hero-icon{font-size:4rem;color:#8b5cf6;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.videos-hero h1{font-size:3.5rem;font-weight:900;margin-bottom:20px;background:linear-gradient(135deg,#8b5cf6,#22c55e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 4px 8px rgba(0,0,0,.3)}.videos-hero p{font-size:1.3rem;color:#fffc;margin-bottom:40px;line-height:1.6}.hero-stats{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:10px;font-size:1.1rem;color:#ffffffe6;background:#ffffff1a;padding:10px 20px;border-radius:25px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stat svg{color:#8b5cf6;font-size:1.2rem}.search-filter-section{padding:60px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.search-filter-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:30px}.search-box{display:flex;align-items:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:50px;padding:15px 25px;max-width:500px;margin:0 auto}.search-box svg{color:#fff9;font-size:1.2rem;margin-right:15px}.search-box input{flex:1;background:none;border:none;color:#fff;font-size:1.1rem;outline:none}.search-box input::placeholder{color:#fff9}.category-filters{display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.category-btn{display:flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:25px;padding:12px 20px;color:#fffc;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease}.category-btn:hover{background:#ffffff26;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#8b5cf64d,#22c55e4d);border-color:#8b5cf6;color:#fff}.category-icon{font-size:1rem}.videos-grid-section{padding:60px 20px}.videos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto}.video-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:20px;overflow:hidden;transition:all .3s ease;cursor:pointer}.video-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #8b5cf64d}.video-thumbnail{position:relative;width:100%;height:200px;overflow:hidden}.video-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-card:hover .video-thumbnail img{transform:scale(1.05)}.play-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.video-card:hover .play-overlay{opacity:1}.play-overlay svg{color:#fff;font-size:1.5rem}.duration-badge{position:absolute;bottom:10px;right:10px;background:#000c;color:#fff;padding:5px 10px;border-radius:15px;font-size:.8rem;display:flex;align-items:center;gap:5px}.level-badge{position:absolute;top:10px;left:10px;background:linear-gradient(135deg,#8b5cf6,#22c55e);color:#fff;padding:5px 12px;border-radius:15px;font-size:.8rem;font-weight:600}.video-info{padding:20px}.video-info h3{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#fff;line-height:1.4}.video-info p{font-size:.95rem;color:#ffffffb3;line-height:1.5;margin-bottom:15px}.video-meta{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:15px}.meta-item{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#fff9}.meta-item svg{font-size:.9rem}.video-stats{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding:10px 0;border-top:1px solid rgba(255,255,255,.1)}.rating{display:flex;align-items:center;gap:8px}.rating svg{font-size:1rem;color:#fbbf24}.rating svg.empty{color:#ffffff4d}.rating span{font-size:.9rem;color:#fffc;font-weight:600}.engagement{display:flex;gap:15px}.engagement-item{display:flex;align-items:center;gap:5px;font-size:.85rem;color:#fff9}.engagement-item svg{font-size:.9rem}.video-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{background:#8b5cf633;border:1px solid rgba(139,92,246,.3);color:#8b5cf6;padding:4px 12px;border-radius:15px;font-size:.8rem;font-weight:500}.video-player-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#1e293b;border-radius:20px;width:90%;max-width:1200px;height:80%;max-height:800px;overflow:hidden;display:flex;flex-direction:column}.player-header{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;border-bottom:1px solid rgba(255,255,255,.1)}.player-header h2{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.close-btn{background:none;border:none;color:#fff9;font-size:2rem;cursor:pointer;padding:5px;transition:color .3s ease}.close-btn:hover{color:#fff}.video-player{display:flex;flex:1;overflow:hidden}.video-container{flex:1;background:#000;position:relative;display:flex;align-items:center;justify-content:center}.video-placeholder{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-placeholder img{width:100%;height:100%;object-fit:contain}.play-button-large{position:absolute;background:#000000b3;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.play-button-large:hover{background:#8b5cf6cc;transform:scale(1.1)}.play-button-large svg{color:#fff;font-size:2rem}.video-controls{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000c);padding:20px}.progress-bar{width:100%;height:6px;background:#fff3;border-radius:3px;cursor:pointer;margin-bottom:15px}.progress-filled{height:100%;background:linear-gradient(90deg,#8b5cf6,#22c55e);border-radius:3px;transition:width .1s ease}.control-buttons{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.left-controls,.right-controls{display:flex;gap:15px}.control-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:8px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:#fffc;cursor:pointer;transition:all .3s ease}.control-btn:hover{background:#fff3;color:#fff}.bottom-controls{display:flex;justify-content:space-between;align-items:center}.time-display{color:#fff;font-size:.9rem;font-weight:600}.volume-control{display:flex;align-items:center;gap:10px}.volume-control svg{color:#fff;font-size:1rem}.volume-control input{width:80px;height:4px;background:#fff3;outline:none;cursor:pointer}.player-sidebar{width:350px;background:#ffffff0d;border-left:1px solid rgba(255,255,255,.1);padding:20px;overflow-y:auto}.video-details,.video-chapters,.video-actions,.video-tags{margin-bottom:25px}.video-details h3,.video-chapters h3,.video-actions h3,.video-tags h3{font-size:1.1rem;font-weight:700;margin-bottom:15px;color:#8b5cf6}.detail-item{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:#fffc;font-size:.95rem}.detail-item svg{color:#8b5cf6;font-size:1rem;width:20px}.chapters-list{display:flex;flex-direction:column;gap:10px}.chapter-item{display:flex;justify-content:space-between;align-items:center;padding:10px;background:#ffffff0d;border-radius:8px;transition:all .3s ease}.chapter-item:hover{background:#8b5cf61a}.chapter-time{color:#8b5cf6;font-weight:600;font-size:.9rem}.chapter-title{color:#ffffffe6;font-size:.9rem}.video-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.action-btn{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;padding:12px;color:#fffc;font-size:.9rem;cursor:pointer;transition:all .3s ease}.action-btn:hover{background:#8b5cf633;border-color:#8b5cf6;color:#fff}.action-btn svg{font-size:1rem}.tags-list{display:flex;flex-wrap:wrap;gap:8px}.back-section{padding:40px 20px;text-align:center}.back-button{display:inline-flex;align-items:center;gap:10px;padding:15px 30px;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;text-decoration:none;font-size:1rem;font-weight:600;transition:all .3s ease}.back-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-3px)}.back-button svg{font-size:1.1rem}@media(max-width:768px){.videos-hero h1{font-size:2.5rem}.hero-stats{gap:20px;flex-direction:column;align-items:center}.search-filter-container{gap:20px}.category-filters{gap:10px}.category-btn{padding:10px 15px;font-size:.85rem}.videos-grid{grid-template-columns:1fr;gap:20px}.video-card{border-radius:15px}.modal-content{width:95%;height:90%;border-radius:15px}.video-player{flex-direction:column}.player-sidebar{width:100%;border-left:none;border-top:1px solid rgba(255,255,255,.1)}.video-actions{grid-template-columns:1fr}}@media(max-width:480px){.videos-hero{padding:80px 15px 40px}.videos-hero h1{font-size:2rem}.videos-hero p{font-size:1.1rem}.category-filters{gap:8px}.category-btn{padding:8px 12px;font-size:.8rem}.video-info h3{font-size:1.1rem}.video-info p{font-size:.9rem}.player-header{padding:15px 20px}.player-header h2{font-size:1.2rem}.player-sidebar{padding:15px}}.messages-container{min-height:100vh;background:linear-gradient(135deg,#22c55e,#16a34a)}.messages-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2rem 0;position:relative;overflow:hidden}.messages-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:.3}.header-content{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:2rem}.btn-back{display:flex;align-items:center;gap:.5rem;background:#fff3;color:#fff;border:2px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.btn-back:hover{background:#ffffff4d;border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 4px 15px #0003}.header-info h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.3)}.header-info p{font-size:1.1rem;opacity:.9;margin:0}.unread-indicator{display:flex;align-items:center;gap:.5rem;background:#ef444433;color:#fca5a5;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600;border:1px solid rgba(239,68,68,.3);margin-top:1rem;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.stat-item{text-align:center;background:#ffffff1a;padding:1rem 1.5rem;border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.stat-number{display:block;font-size:2rem;font-weight:700;color:#fff}.stat-label{font-size:.9rem;color:#fffc}.filters-section{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem 0;border-bottom:1px solid rgba(0,0,0,.1)}.filters-container{display:flex;gap:1.5rem;align-items:center;flex-wrap:wrap}.search-box{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#6b7280;font-size:1.1rem}.search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff}.search-input:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.filter-group{position:relative;display:flex;align-items:center;gap:.5rem}.filter-icon{color:#6b7280;font-size:1.1rem}.filter-select{padding:1rem 2.5rem 1rem 1rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;background:#fff;cursor:pointer;transition:all .3s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236b7280' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center}.filter-select:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.messages-section{padding:2rem 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:calc(100vh - 300px)}.messages-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;height:100%}.messages-list{min-height:600px}.no-messages p{color:#6b7280;font-size:1.1rem}.message-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;cursor:pointer;transition:all .3s ease;position:relative}.message-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.message-card.unread{background:linear-gradient(135deg,#fef3c7,#fef9c3);border-left:4px solid #f59e0b}.message-sender{display:flex;align-items:center;gap:.75rem}.sender-avatar{font-size:2rem;color:#6b7280}.sender-info p{font-size:.9rem;color:#6b7280;margin:0}.status-badge{display:flex;align-items:center;gap:.25rem;color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message-time{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#9ca3af}.message-content{margin-bottom:1rem}.message-content h5{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.message-content p{font-size:.9rem;color:#4b5563;line-height:1.5;margin:0 0 1rem}.type-badge{color:#fff;padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.message-actions{display:flex;gap:.5rem;position:absolute;top:1rem;right:1rem}.action-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280}.action-btn:hover{background:#0000001a}.action-btn.delete:hover{background:#ef44441a;color:#ef4444}.message-detail{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;height:fit-content;position:sticky;top:2rem}.detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.detail-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.close-btn{background:none;border:none;padding:.5rem;border-radius:8px;cursor:pointer;transition:all .3s ease;color:#6b7280;font-size:1.1rem}.close-btn:hover{background:#0000001a;color:#374151}.sender-details{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.sender-avatar-large{font-size:3rem;color:#6b7280}.sender-info h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .25rem}.sender-info p{font-size:.9rem;color:#6b7280;margin:0 0 .5rem}.message-meta-detail{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.meta-item{display:flex;align-items:center;gap:.25rem;font-size:.8rem;color:#9ca3af}.message-subject{margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid #f3f4f6}.message-subject h5{font-size:1rem;font-weight:600;color:#1f2937;margin:0}.message-full{margin-bottom:1.5rem}.message-full p{font-size:.95rem;color:#4b5563;line-height:1.6;margin:0}.replies-section{margin-bottom:1.5rem;padding-top:1rem;border-top:1px solid #f3f4f6}.replies-section h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 1rem}.reply-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:.75rem}.reply-time{font-size:.8rem;color:#9ca3af}.reply-text{font-size:.9rem;color:#4b5563;line-height:1.5;margin:0}.detail-actions{display:flex;gap:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;flex:1}.btn-danger{background:#ef4444;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-danger:hover{background:#dc2626;transform:translateY(-2px);box-shadow:0 8px 25px #ef44444d}.modal-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.reply-modal{background:#fff;border-radius:16px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 25px 50px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e5e7eb}.modal-header h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin:0}.modal-content{padding:1.5rem}.original-message{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:1rem;margin-bottom:1.5rem}.original-message h4{font-size:1rem;font-weight:600;color:#1f2937;margin:0 0 .75rem}.original-message p{font-size:.9rem;color:#4b5563;line-height:1.5;margin:0 0 .5rem}.reply-form label{display:block;font-size:.9rem;font-weight:600;color:#374151;margin-bottom:.5rem}.reply-textarea{width:100%;padding:1rem;border:2px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:vertical;min-height:120px;transition:all .3s ease}.reply-textarea:focus{outline:none;border-color:#22c55e;box-shadow:0 0 0 3px #22c55e1a}.modal-actions{display:flex;gap:1rem;padding:1.5rem;border-top:1px solid #e5e7eb}.btn-secondary{background:#6b7280;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1}.btn-secondary:hover{background:#4b5563;transform:translateY(-2px)}.spinning{animation:spin 1s linear infinite}@media(max-width:1200px){.messages-layout{grid-template-columns:1fr}.message-detail{position:relative;top:0}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:1rem}.header-stats{width:100%;justify-content:space-around}.filters-container{flex-direction:column;align-items:stretch}.search-box{min-width:auto}.message-card{padding:1rem}.message-header{flex-direction:column;align-items:flex-start;gap:.5rem}.message-meta{align-items:flex-start}.detail-actions{flex-direction:column}.modal-overlay{padding:1rem}.modal-actions{flex-direction:column}}@media(max-width:480px){.header-info h1{font-size:2rem}.header-stats{flex-direction:column;gap:1rem}.stat-item{padding:.75rem 1rem}.message-sender{flex-direction:column;align-items:flex-start;gap:.5rem}.sender-avatar{font-size:1.5rem}.message-content h5{font-size:.9rem}.message-content p{font-size:.85rem}}.user-messages-container{min-height:100vh;background:linear-gradient(135deg,#22c55e,#16a34a)}.user-messages-header{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:2rem 0;position:relative;overflow:hidden}.user-messages-header:before{content:"";position:absolute;inset:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grain" width="100" height="100" patternUnits="userSpaceOnUse"><circle cx="25" cy="25" r="1" fill="white" opacity="0.1"/><circle cx="75" cy="75" r="1" fill="white" opacity="0.1"/><circle cx="50" cy="10" r="0.5" fill="white" opacity="0.1"/></pattern></defs><rect width="100" height="100" fill="url(%23grain)"/></svg>');opacity:.3}.header-content{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;position:relative;z-index:1}.header-info h1{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;display:flex;align-items:center;gap:1rem}.header-info p{font-size:1.1rem;color:#ffffffe6;margin:0}.back-btn{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3);padding:.75rem 1.5rem;border-radius:12px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;text-decoration:none}.back-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.header-stats{display:flex;gap:2rem}.stat-item{text-align:center}.stat-number{display:block;font-size:2rem;font-weight:800;color:#fff;line-height:1}.stat-label{font-size:.9rem;color:#fffc;margin-top:.25rem}.user-messages-section{padding:2rem 0;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:calc(100vh - 300px)}.user-messages-layout{display:grid;grid-template-columns:1fr 400px;gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem}.user-messages-list{min-height:600px}.no-messages{text-align:center;padding:4rem 2rem}.no-messages-icon{font-size:4rem;color:#9ca3af;margin-bottom:1rem}.no-messages h3{font-size:1.5rem;color:#374151;margin-bottom:.5rem}.no-messages p{color:#6b7280;font-size:1.1rem;margin-bottom:2rem}.messages-grid{display:flex;flex-direction:column;gap:1rem}.message-card{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 12px #0000001a;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.message-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.message-card.selected{border:2px solid #22c55e;box-shadow:0 8px 25px #22c55e26}.message-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.message-sender{display:flex;align-items:flex-start;gap:1rem;flex:1}.status-icon{font-size:1.2rem;margin-top:.25rem}.status-icon.unread{color:#ef4444}.status-icon.read{color:#6b7280}.status-icon.replied{color:#22c55e}.message-sender h4{font-size:1.1rem;font-weight:600;color:#1f2937;margin:0 0 .5rem}.message-preview{color:#6b7280;font-size:.9rem;margin:0;line-height:1.4}.message-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.5rem}.message-status{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:#f3f4f6;color:#6b7280}.message-time{font-size:.8rem;color:#9ca3af;display:flex;align-items:center;gap:.25rem}.message-detail{background:#fff;border-radius:16px;padding:2rem;box-shadow:0 4px 12px #0000001a;height:fit-content;position:sticky;top:2rem}.detail-header{margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.detail-header h3{font-size:1.3rem;font-weight:700;color:#1f2937;margin:0 0 1rem}.detail-meta{display:flex;justify-content:space-between;align-items:center}.detail-time{font-size:.9rem;color:#6b7280;display:flex;align-items:center;gap:.5rem}.detail-status{font-size:.8rem;font-weight:600;padding:.25rem .75rem;border-radius:20px;background:#f0fdf4;color:#22c55e}.detail-content{display:flex;flex-direction:column;gap:2rem}.original-message h4{font-size:1rem;font-weight:600;color:#374151;margin:0 0 1rem}.original-message p{color:#4b5563;line-height:1.6;margin:0;padding:1rem;background:#f9fafb;border-radius:8px;border-left:4px solid #3b82f6}.replies-section h4{font-size:1rem;font-weight:600;color:#22c55e;margin:0 0 1rem;display:flex;align-items:center;gap:.5rem}.reply-item{background:#f0fdf4;border-radius:8px;padding:1rem;margin-bottom:1rem;border-left:4px solid #22c55e}.reply-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.reply-sender{font-size:.9rem;font-weight:600;color:#22c55e}.reply-time{font-size:.8rem;color:#6b7280}.reply-text{color:#4b5563;line-height:1.5;font-size:.95rem}.no-reply{text-align:center;padding:2rem;background:#fef3c7;border-radius:8px;color:#92400e}.no-reply svg{font-size:2rem;margin-bottom:1rem;color:#f59e0b}.no-reply p{margin:0;font-size:.95rem}.btn-primary{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #22c55e4d}@media(max-width:1200px){.user-messages-layout{grid-template-columns:1fr}.message-detail{position:static;margin-top:2rem}}@media(max-width:768px){.header-content{flex-direction:column;align-items:flex-start;gap:1.5rem;padding:0 1rem}.header-info h1{font-size:2rem}.header-stats{width:100%;justify-content:space-around}.user-messages-layout{padding:0 1rem;gap:1rem}.message-card{padding:1rem}.message-header{flex-direction:column;gap:1rem}.message-sender{width:100%}.message-meta{align-items:flex-start}.message-detail{padding:1.5rem}.detail-header{margin-bottom:1.5rem}.detail-meta{flex-direction:column;align-items:flex-start;gap:.5rem}}.payment-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:center}.payment-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.payment-loading{text-align:center;padding:3rem}.payment-header{text-align:center;margin-bottom:2rem}.payment-header h2{color:#333;font-size:2rem;margin-bottom:.5rem;font-weight:700}.payment-header p{color:#666;font-size:1rem}.payment-details{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.payment-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #e9ecef}.payment-item:last-child{border-bottom:none}.payment-item label{color:#666;font-weight:500;font-size:.9rem}.payment-item span{color:#333;font-weight:600;font-size:.95rem}.payment-amount{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-top:2px solid #dee2e6;margin-top:.5rem}.payment-amount label{color:#333;font-weight:600;font-size:1.1rem}.payment-amount .amount{color:#667eea;font-weight:700;font-size:1.3rem}.payment-methods{margin-bottom:2rem}.payment-methods h3{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.payment-methods-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.payment-method{display:flex;align-items:center;padding:1rem;background:#f8f9fa;border-radius:8px;border:2px solid transparent;transition:all .3s ease;cursor:pointer}.payment-method:hover{border-color:#667eea;transform:translateY(-2px)}.method-icon{font-size:1.5rem;margin-right:.75rem}.payment-method span{color:#333;font-size:.9rem;font-weight:500}.payment-actions{display:flex;gap:1rem;margin-bottom:2rem}.btn-cancel,.btn-pay{flex:1;padding:12px 24px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-cancel{background:#6c757d;color:#fff}.btn-cancel:hover:not(:disabled){background:#5a6268;transform:translateY(-2px)}.btn-pay{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;box-shadow:0 4px 15px #667eea4d}.btn-pay:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #667eea66}.btn-cancel:disabled,.btn-pay:disabled{opacity:.6;cursor:not-allowed;transform:none}.payment-info{background:#e7f3ff;padding:1.5rem;border-radius:10px;border-left:4px solid #007bff}.payment-info h4{color:#333;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.payment-info ul{margin:0;padding-left:1.5rem}.payment-info li{color:#666;font-size:.9rem;margin-bottom:.5rem;line-height:1.4}@media(max-width:768px){.payment-container{padding:1rem}.payment-card{padding:1.5rem;margin:1rem}.payment-header h2{font-size:1.5rem}.payment-methods-grid{grid-template-columns:1fr}.payment-actions{flex-direction:column}.btn-cancel,.btn-pay{width:100%}}@media(max-width:480px){.payment-card{padding:1rem}.payment-header h2{font-size:1.3rem}.payment-item{flex-direction:column;align-items:flex-start;gap:.25rem}.payment-amount{flex-direction:column;align-items:flex-start;gap:.5rem}.payment-amount .amount{font-size:1.2rem}}.payment-history-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.payment-history-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;max-width:800px;margin:0 auto;max-height:90vh;overflow-y:auto}.payment-history-header{text-align:center;margin-bottom:2rem}.payment-history-header h2{color:#333;font-size:2rem;margin-bottom:.5rem;font-weight:700}.payment-history-header p{color:#666;font-size:1rem}.filter-section{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;background:#f8f9fa;border-radius:10px}.filter-section label{color:#333;font-weight:600;font-size:.95rem}.filter-select{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;background:#fff;color:#333;cursor:pointer;transition:border-color .3s ease}.filter-select:focus{outline:none;border-color:#667eea}.transactions-list{margin-bottom:2rem}.transaction-item{background:#f8f9fa;border-radius:12px;padding:1.5rem;margin-bottom:1rem;border:1px solid #e9ecef;transition:all .3s ease}.transaction-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.transaction-info h4{color:#333;font-size:1.1rem;margin-bottom:.25rem;font-weight:600}.order-id{color:#666;font-size:.85rem;font-family:monospace}.status-badge{color:#fff;padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:600;text-transform:uppercase}.transaction-details{margin-bottom:1rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid #e9ecef}.detail-row:last-child{border-bottom:none}.detail-row label{color:#666;font-size:.9rem;font-weight:500}.detail-row span{color:#333;font-size:.9rem;font-weight:600}.detail-row .amount{color:#667eea;font-weight:700;font-size:1rem}.transaction-actions{display:flex;gap:.5rem;flex-wrap:wrap}.btn-complete,.btn-receipt,.btn-details{padding:6px 12px;border:none;border-radius:6px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-complete{background:#28a745;color:#fff}.btn-complete:hover{background:#218838}.btn-receipt{background:#17a2b8;color:#fff}.btn-receipt:hover{background:#138496}.btn-details{background:#6c757d;color:#fff}.btn-details:hover{background:#5a6268}.no-transactions{text-align:center;padding:3rem;color:#666}.no-transactions-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-transactions h3{color:#333;font-size:1.5rem;margin-bottom:.5rem}.no-transactions p{font-size:1rem;margin-bottom:1.5rem}.btn-explore{background:linear-gradient(45deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-explore:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea4d}.payment-summary{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}.payment-summary h3{color:#333;font-size:1.2rem;margin-bottom:1rem;font-weight:600}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.summary-item label{color:#666;font-size:.9rem;font-weight:500}.summary-item span{color:#333;font-size:.9rem;font-weight:700}@media(max-width:768px){.payment-history-container{padding:1rem}.payment-history-card{padding:1.5rem;margin:1rem}.payment-history-header h2{font-size:1.5rem}.filter-section{flex-direction:column;align-items:flex-start}.filter-select{width:100%}.transaction-header{flex-direction:column;gap:1rem}.transaction-actions{justify-content:center}.summary-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.payment-history-card{padding:1rem}.payment-history-header h2{font-size:1.3rem}.transaction-item{padding:1rem}.detail-row{flex-direction:column;align-items:flex-start;gap:.25rem}.transaction-actions{flex-direction:column}.btn-complete,.btn-receipt,.btn-details{width:100%;text-align:center}.summary-grid{grid-template-columns:1fr}}.reports-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem}.reports-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;max-width:1200px;margin:0 auto;max-height:90vh;overflow-y:auto}.loading-state{text-align:center;padding:3rem}.spinner{width:50px;height:50px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 1rem}.reports-header{text-align:center;margin-bottom:2rem}.reports-header h2{color:#333;font-size:2rem;margin-bottom:.5rem;font-weight:700}.reports-header p{color:#666;font-size:1rem}.filters-section{background:#f8f9fa;padding:1.5rem;border-radius:10px;margin-bottom:2rem}.filter-row{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.filter-row:last-child{margin-bottom:0}.filter-group{display:flex;flex-direction:column;min-width:200px;flex:1}.filter-group label{color:#333;font-weight:600;font-size:.9rem;margin-bottom:.5rem}.filter-group select,.filter-group input{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:.9rem;background:#fff;color:#333;transition:border-color .3s ease}.filter-group select:focus,.filter-group input:focus{outline:none;border-color:#667eea}.btn-export{background:linear-gradient(45deg,#28a745,#20c997);color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-export:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.stats-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea;display:flex;align-items:center;gap:1rem}.stat-icon{font-size:2rem;opacity:.8}.stat-content h3{color:#333;font-size:1.5rem;margin-bottom:.25rem;font-weight:700}.stat-content p{color:#666;font-size:.9rem;font-weight:500}.chart-section{margin-bottom:2rem}.chart-section h3{color:#333;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.chart-container{background:#f8f9fa;padding:1.5rem;border-radius:10px;height:400px;position:relative}.data-table{margin-bottom:2rem}.data-table h3{color:#333;font-size:1.3rem;margin-bottom:1rem;font-weight:600}.table-wrapper{background:#f8f9fa;border-radius:10px;overflow:hidden;margin-bottom:1rem}.table-wrapper table{width:100%;border-collapse:collapse}.table-wrapper th{background:#667eea;color:#fff;padding:1rem;text-align:left;font-weight:600;font-size:.9rem}.table-wrapper td{padding:.75rem 1rem;border-bottom:1px solid #e9ecef;font-size:.9rem}.table-wrapper tr:hover{background:#667eea0d}.status-badge{display:inline-block;padding:4px 8px;border-radius:12px;font-size:.8rem;font-weight:600;text-transform:uppercase;background:#e9ecef;color:#333}.table-info{text-align:center;color:#666;font-size:.9rem;padding:1rem}@media(max-width:768px){.reports-container{padding:1rem}.reports-card{padding:1.5rem;margin:1rem}.reports-header h2{font-size:1.5rem}.filter-row{flex-direction:column}.filter-group{min-width:auto}.stats-summary{grid-template-columns:1fr}.chart-container{height:300px}.table-wrapper{overflow-x:auto}.table-wrapper table{min-width:500px}}@media(max-width:480px){.reports-card{padding:1rem}.reports-header h2{font-size:1.3rem}.filters-section{padding:1rem}.chart-container{height:250px;padding:1rem}.stat-card{flex-direction:column;text-align:center}.stat-icon{font-size:1.5rem}.stat-content h3{font-size:1.2rem}}.email-notification-container{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem;display:flex;justify-content:center;align-items:center}.email-notification-card{background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;padding:2.5rem;max-width:600px;width:100%;max-height:90vh;overflow-y:auto}.email-notification-header{text-align:center;margin-bottom:2rem}.email-notification-header h2{color:#333;font-size:2rem;margin-bottom:.5rem;font-weight:700}.email-notification-header p{color:#666;font-size:1rem}.email-settings-list{margin-bottom:2rem}.email-setting-item{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #eee;transition:background-color .3s ease}.email-setting-item:hover{background-color:#f8f9fa}.email-setting-item:last-child{border-bottom:none}.setting-info h3{color:#333;font-size:1.1rem;margin-bottom:.5rem;font-weight:600}.setting-info p{color:#666;font-size:.9rem;line-height:1.4}.toggle-switch{position:relative;display:inline-block;width:60px;height:34px}.toggle-switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#4caf50}.email-actions{text-align:center;margin-bottom:2rem}.btn-save{background:linear-gradient(45deg,#4caf50,#45a049);color:#fff;border:none;padding:12px 30px;border-radius:25px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #4caf504d}.btn-save:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4caf5066}.email-info{background:#f8f9fa;padding:1.5rem;border-radius:10px;border-left:4px solid #007bff}.email-info h3{color:#333;font-size:1.1rem;margin-bottom:1rem;font-weight:600}.email-info p{color:#666;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.email-info ul{margin-left:1.5rem;margin-bottom:1rem}.email-info li{color:#666;font-size:.9rem;margin-bottom:.5rem}.email-info strong{color:#333}@media(max-width:768px){.email-notification-container{padding:1rem}.email-notification-card{padding:1.5rem;margin:1rem}.email-notification-header h2{font-size:1.5rem}.email-setting-item{flex-direction:column;align-items:flex-start;gap:1rem}.toggle-switch{align-self:flex-end}.setting-info{flex:1}}@media(max-width:480px){.email-notification-card{padding:1rem}.email-notification-header h2{font-size:1.3rem}.email-setting-item{padding:1rem}.toggle-switch{width:50px;height:28px}.slider:before{height:22px;width:22px;left:3px;bottom:3px}input:checked+.slider:before{transform:translate(22px)}}.event-registration{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;margin-bottom:2rem}.registration-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1.5rem}.registration-header h3{margin:0 0 1rem;font-size:1.3rem;font-weight:600}.event-summary{background:#ffffff1a;border-radius:8px;padding:1rem}.event-summary h4{margin:0 0 .5rem;font-size:1.1rem;font-weight:600}.event-details{display:flex;flex-direction:column;gap:.3rem}.event-details p{margin:0;font-size:.9rem;opacity:.9}.price-tag{font-size:1rem!important;font-weight:600!important;background:#fff3;padding:.3rem .8rem;border-radius:20px;display:inline-block;margin-top:.5rem}.registration-form{padding:1.5rem}.form-row{margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#333;font-weight:600;font-size:.9rem}.form-group input,.form-group textarea{padding:12px;border:2px solid #dee2e6;border-radius:8px;font-size:.95rem;transition:all .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.form-group textarea{resize:vertical;min-height:60px}.payment-notice{margin:1.5rem 0;padding:1rem;border-radius:8px;border-left:4px solid}.paid-notice{background:#fff3cd;border-left-color:#ffc107;color:#856404}.free-notice{background:#d4edda;border-left-color:#28a745;color:#155724}.payment-notice p{margin:0 0 .5rem;font-size:.9rem}.payment-notice p:last-child{margin:0}.amount-notice{font-size:1rem!important;font-weight:600!important;margin-top:.5rem!important}.form-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:2rem}.btn-register{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:150px}.btn-register:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.btn-register:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@media(max-width:768px){.registration-header{padding:1rem}.registration-header h3{font-size:1.1rem}.event-summary{padding:.75rem}.event-summary h4{font-size:1rem}.event-details p{font-size:.85rem}.registration-form{padding:1rem}.form-group input,.form-group textarea{padding:10px;font-size:.9rem}.payment-notice{padding:.75rem}.payment-notice p{font-size:.85rem}.form-actions{justify-content:center}.btn-register{width:100%;max-width:300px}}@media(max-width:480px){.registration-header{padding:.75rem}.registration-header h3{font-size:1rem}.event-summary{padding:.5rem}.registration-form{padding:.75rem}.form-group input,.form-group textarea{padding:8px;font-size:.85rem}.form-group label{font-size:.85rem}.payment-notice{padding:.5rem}.payment-notice p{font-size:.8rem}.btn-register{padding:10px 20px;font-size:.9rem}}@media(prefers-color-scheme:dark){.event-registration{background:#2d3748;color:#e2e8f0}.form-group label{color:#e2e8f0}.form-group input,.form-group textarea{background:#4a5568;border-color:#718096;color:#e2e8f0}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33}.paid-notice{background:#744210;border-left-color:#d69e2e;color:#faf089}.free-notice{background:#22543d;border-left-color:#48bb78;color:#9ae6b4}}.form-group input:invalid:not(:placeholder-shown){border-color:#dc3545}.form-group input:invalid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px #dc35451a}.form-group input:valid:not(:placeholder-shown){border-color:#28a745}.form-group input:valid:not(:placeholder-shown):focus{box-shadow:0 0 0 3px #28a7451a}.btn-register.loading{position:relative;color:transparent}.btn-register.loading:after{content:"";position:absolute;width:16px;height:16px;top:50%;left:50%;margin-left:-8px;margin-top:-8px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}.event-card{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;overflow:hidden;transition:all .3s ease;margin-bottom:2rem}.event-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px #00000026}.event-card.compact{display:flex;max-height:200px}.event-card.compact .event-image{width:200px;flex-shrink:0}.event-card.compact .event-content{flex:1;display:flex;flex-direction:column}.event-card.compact .event-description{flex:1;overflow:hidden}.event-image{position:relative;height:200px;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.event-card:hover .event-image img{transform:scale(1.05)}.event-category{position:absolute;top:1rem;left:1rem;background:#667eeae6;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.free-badge{position:absolute;top:1rem;right:1rem;background:#28a745;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:700;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.event-content{padding:1.5rem}.event-title{margin:0 0 1rem;font-size:1.3rem;font-weight:700;color:#333;line-height:1.3}.event-details{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.event-detail-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:#666}.event-detail-item .icon{font-size:1rem;width:20px;text-align:center}.event-detail-item.price{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #e9ecef}.price-value{font-weight:600;font-size:1rem}.price-value.free{color:#28a745}.price-value.paid{color:#667eea}.event-description{margin-bottom:1.5rem;color:#666;line-height:1.6;font-size:.9rem}.event-description p{margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;max-height:4.2em;position:relative}.event-card.compact .event-description p{-webkit-line-clamp:2;line-clamp:2;max-height:2.8em}.event-actions{display:flex;justify-content:flex-end;align-items:center;gap:1rem}.btn-register{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem}.btn-register.free{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-register.free:hover{transform:translateY(-2px);box-shadow:0 4px 12px #28a7454d}.btn-register.paid{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-register.paid:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}.registered-status{display:flex;align-items:center;gap:.5rem;padding:8px 16px;background:#d4edda;color:#155724;border-radius:8px;font-size:.9rem;font-weight:600}.status-icon{font-size:1rem}.event-registration-wrapper{max-width:800px;margin:0 auto}.registration-back-button{margin-bottom:1rem}.registration-back-button button{background:#6c757d;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:.9rem;transition:background .3s ease}.registration-back-button button:hover{background:#5a6268}@media(max-width:768px){.event-card{margin-bottom:1.5rem}.event-card.compact{flex-direction:column;max-height:none}.event-card.compact .event-image{width:100%;height:150px}.event-content{padding:1rem}.event-title{font-size:1.1rem;margin-bottom:.75rem}.event-details{gap:.4rem;margin-bottom:.75rem}.event-detail-item{font-size:.85rem}.event-description{margin-bottom:1rem;font-size:.85rem}.event-actions{justify-content:center}.btn-register{width:100%;justify-content:center;padding:12px;font-size:1rem}.registered-status{width:100%;justify-content:center}}@media(max-width:480px){.event-card{margin-bottom:1rem}.event-image{height:150px}.event-content{padding:.75rem}.event-title{font-size:1rem}.event-detail-item,.event-description{font-size:.8rem}.btn-register{padding:10px;font-size:.9rem}.event-category,.free-badge{font-size:.7rem;padding:.2rem .6rem}}@media(prefers-color-scheme:dark){.event-card{background:#2d3748;color:#e2e8f0}.event-title{color:#e2e8f0}.event-detail-item,.event-description{color:#a0aec0}.registered-status{background:#22543d;color:#9ae6b4}.registration-back-button button{background:#4a5568;color:#e2e8f0}.registration-back-button button:hover{background:#718096}}.event-card.loading{opacity:.6;pointer-events:none}.event-card.loading:after{content:"";position:absolute;top:50%;left:50%;width:32px;height:32px;margin:-16px 0 0 -16px;border:3px solid #f3f3f3;border-top:3px solid #667eea;border-radius:50%;animation:spin 1s linear infinite}@media print{.event-card{box-shadow:none;border:1px solid #000;break-inside:avoid}.event-actions{display:none}.event-card:hover{transform:none;box-shadow:none}}.events-container{min-height:100vh;background:#f8f9fa;padding:2rem 0}.events-header{text-align:center;margin-bottom:3rem;padding:0 1rem}.events-header h1{margin:0 0 1rem;font-size:2.5rem;font-weight:700;color:#333;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-header p{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.events-filters{background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:1.5rem;margin-bottom:2rem;margin:0 auto 2rem;max-width:1200px}.filter-section{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:1rem;align-items:end}.filter-group{display:flex;flex-direction:column;gap:.5rem}.filter-group label{color:#333;font-weight:600;font-size:.9rem}.search-input,.filter-select{padding:10px 12px;border:2px solid #dee2e6;border-radius:8px;font-size:.9rem;transition:border-color .3s ease}.search-input:focus,.filter-select:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.view-toggle{display:flex;gap:.25rem;background:#f8f9fa;padding:4px;border-radius:8px}.view-btn{background:transparent;border:none;padding:8px 12px;border-radius:6px;cursor:pointer;font-size:1rem;transition:all .3s ease;color:#666}.view-btn:hover{background:#667eea1a;color:#667eea}.view-btn.active{background:#667eea;color:#fff;box-shadow:0 2px 8px #667eea4d}.filter-summary{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e9ecef}.filter-summary span{color:#666;font-size:.9rem}.clear-filters{background:#6c757d;color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:.8rem;cursor:pointer;transition:background .3s ease}.clear-filters:hover{background:#5a6268}.events-content{max-width:1200px;margin:0 auto;padding:0 1rem}.events-content.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.events-content.list{display:flex;flex-direction:column;gap:1.5rem}.events-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#666}.spinner{width:48px;height:48px;border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}.no-events{text-align:center;padding:4rem 2rem;color:#666}.no-events-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.no-events h3{margin:0 0 1rem;font-size:1.5rem;color:#333}.no-events p{margin:0 0 2rem;font-size:1rem;line-height:1.6;max-width:500px;margin:0 auto 2rem}.btn-reset{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-reset:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea4d}@media(max-width:1024px){.events-header h1{font-size:2.2rem}.filter-section{grid-template-columns:1fr 1fr;gap:1rem}.filter-group:nth-child(3){grid-column:1}.filter-group:nth-child(4){grid-column:2;justify-self:end}.events-content.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media(max-width:768px){.events-container{padding:1rem 0}.events-header{margin-bottom:2rem;padding:0 1rem}.events-header h1{font-size:2rem}.events-header p{font-size:1rem}.events-filters{padding:1rem;margin:0 1rem 1.5rem}.filter-section{grid-template-columns:1fr;gap:1rem}.filter-group:nth-child(4){justify-self:start}.filter-summary{flex-direction:column;gap:1rem;align-items:flex-start}.events-content.grid{grid-template-columns:1fr;gap:1.5rem}.events-content.list{gap:1rem}.no-events{padding:3rem 1rem}.no-events-icon{font-size:3rem}.no-events h3{font-size:1.3rem}}@media(max-width:480px){.events-header h1{font-size:1.8rem}.events-header p{font-size:.9rem}.events-filters{padding:.75rem;margin:0 .5rem 1rem}.search-input,.filter-select{padding:8px 10px;font-size:.85rem}.filter-group label{font-size:.85rem}.view-btn{padding:6px 10px;font-size:.9rem}.clear-filters{padding:5px 10px;font-size:.75rem}.events-content{padding:0 .5rem}.no-events{padding:2rem .5rem}.no-events-icon{font-size:2.5rem}.no-events h3{font-size:1.2rem}.no-events p{font-size:.9rem}.btn-reset{padding:10px 20px;font-size:.85rem}}@media(prefers-color-scheme:dark){.events-container{background:#1a202c}.events-header h1{background:linear-gradient(135deg,#9f7aea,#ed8936);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.events-header p{color:#a0aec0}.events-filters{background:#2d3748;box-shadow:0 4px 20px #0000004d}.filter-group label{color:#e2e8f0}.search-input,.filter-select{background:#4a5568;border-color:#718096;color:#e2e8f0}.search-input:focus,.filter-select:focus{border-color:#9f7aea;box-shadow:0 0 0 3px #9f7aea33}.view-toggle{background:#4a5568}.view-btn{color:#a0aec0}.view-btn:hover{background:#9f7aea1a;color:#9f7aea}.view-btn.active{background:#9f7aea;color:#fff}.filter-summary{border-top-color:#718096}.filter-summary span{color:#a0aec0}.clear-filters{background:#4a5568;color:#e2e8f0}.clear-filters:hover{background:#718096}.no-events{color:#a0aec0}.no-events h3{color:#e2e8f0}.btn-reset{background:linear-gradient(135deg,#9f7aea,#ed8936)}}#event-[id]{transition:all .3s ease}#event-[id].highlighted{animation:highlightPulse 2s ease-in-out;border:3px solid #667eea;border-radius:12px;box-shadow:0 0 20px #667eea66}@keyframes highlightPulse{0%{transform:scale(1);box-shadow:0 0 #667eea66}50%{transform:scale(1.02);box-shadow:0 0 30px #667eea99}to{transform:scale(1);box-shadow:0 0 20px #667eea66}}@media print{.events-content.list{gap:1rem}.events-container{background:#fff}.events-header h1{-webkit-text-fill-color:#333}}.profile-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.profile-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding:20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.profile-header h2{color:#1e293b;font-size:1.8rem;font-weight:700;margin:0}.header-actions{display:flex;gap:12px}.profile-content{display:grid;grid-template-columns:350px 1fr;gap:30px}.profile-sidebar{display:flex;flex-direction:column;gap:20px}.profile-card{background:#fff;border-radius:20px;padding:35px;box-shadow:0 8px 30px #0000001a;text-align:center;position:relative;overflow:hidden}.profile-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(135deg,#10b981,#059669);z-index:0}.profile-avatar{position:relative;width:140px;height:140px;margin:0 auto 25px;z-index:1}.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:5px solid white;box-shadow:0 8px 25px #00000026;transition:transform .3s ease}.profile-avatar:hover img{transform:scale(1.05)}.avatar-overlay{position:absolute;bottom:5px;right:5px;width:40px;height:40px;background:#10b981;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .3s ease;border:2px solid white}.camera-overlay:hover{background:#2563eb;transform:scale(1.1)}.profile-info{margin-top:20px;position:relative;z-index:1}.profile-info h3{font-size:1.8rem;font-weight:800;color:#1e293b;margin-bottom:10px;letter-spacing:-.02em}.user-role{color:#10b981;font-size:1rem;font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.member-since{color:#64748b;font-size:.95rem;font-weight:500}.stats-card{background:#fff;border-radius:16px;padding:30px;box-shadow:0 8px 30px #0000001a;position:relative;overflow:hidden}.stats-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#10b981,#059669)}.stats-card h3{font-size:1.4rem;font-weight:700;color:#1e293b;margin-bottom:25px;text-align:center;position:relative;z-index:1}.stat-item{display:flex;align-items:center;gap:18px;padding:18px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;margin-bottom:15px;transition:all .3s ease;border-left:4px solid #10b981}.stat-item:hover{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);transform:translateY(-3px);box-shadow:0 6px 20px #00000014}.stat-icon{font-size:1.8rem;color:#10b981;min-width:35px;padding:10px;background:#10b9811a;border-radius:10px;display:flex;align-items:center;justify-content:center}.stat-number{font-size:1.5rem;font-weight:800;color:#1e293b;margin-bottom:4px}.stat-label{font-size:.9rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.profile-main{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;overflow:hidden;position:relative}.profile-tabs{display:flex;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:2px solid #e2e8f0;position:relative}.profile-tabs:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#10b981,#059669);opacity:.1}.tab-btn{flex:1;padding:18px 24px;background:none;border:none;color:#64748b;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;border-bottom:4px solid transparent;position:relative}.tab-btn:hover{background:#10b9810d;color:#10b981;transform:translateY(-1px)}.tab-btn.active{color:#10b981;border-bottom-color:#10b981;background:#fff;font-weight:700;box-shadow:0 4px 15px #10b9811a}.tab-content{padding:30px;min-height:400px}.personal-info{display:flex;flex-direction:column;gap:35px}.info-section{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:30px;border-radius:16px;border-left:5px solid #10b981;position:relative;overflow:hidden}.info-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#10b981,#059669);opacity:.2}.info-section h4{font-size:1.3rem;font-weight:700;color:#1e293b;margin-bottom:25px;position:relative;z-index:1}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#374151;margin-bottom:10px;font-size:1rem;letter-spacing:.02em}.form-group input,.form-group textarea{padding:14px 18px;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s ease;background:#fff;box-shadow:0 2px 8px #0000000a}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 4px #10b9811a,0 4px 20px #10b98114;transform:translateY(-1px);border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.notifications-settings{display:flex;flex-direction:column;gap:20px}.notification-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.notification-info h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:5px}.notification-info p{color:#64748b;font-size:.9rem;margin:0}.switch{position:relative;display:inline-block;width:50px;height:24px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#cbd5e1;transition:.4s;border-radius:24px}.slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#3b82f6}input:checked+.slider:before{transform:translate(26px)}input:disabled+.slider{background-color:#e2e8f0;cursor:not-allowed}.security-settings{display:flex;flex-direction:column;gap:20px}.security-item{display:flex;justify-content:space-between;align-items:center;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.security-info h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:5px}.security-info p{color:#64748b;font-size:.9rem;margin:0}.activity-log{display:flex;flex-direction:column;gap:20px}.activity-list{display:flex;flex-direction:column;gap:15px}.activity-item{display:flex;gap:15px;padding:20px;background:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.activity-icon{width:40px;height:40px;background:linear-gradient(135deg,#10b981,#059669);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;flex-shrink:0}.activity-content h5{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:5px}.activity-content p{color:#64748b;font-size:.9rem;margin:0}.btn{padding:10px 20px;border:none;border-radius:8px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-primary{background:#3b82f6;color:#fff}.btn-secondary{background:#64748b;color:#fff}.btn-secondary:hover{background:#475569;transform:translateY(-1px)}.btn-outline{background:#fff;color:#64748b;border:1px solid #d1d5db}.btn-outline:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}@media(max-width:768px){.profile-container{padding:15px}.profile-content{grid-template-columns:1fr;gap:30px}.profile-header{flex-direction:column;gap:20px;text-align:center}.profile-card{padding:30px}.profile-avatar{width:120px;height:120px}.profile-card:before{height:100px}.stats-card{padding:25px}.profile-main{margin-top:25px}.form-grid{grid-template-columns:1fr}.profile-tabs{flex-direction:column}.tab-btn{border-bottom:2px solid #e2e8f0;border-radius:0;padding:16px 20px}.tab-btn.active{border-bottom-color:#10b981}.info-section{padding:25px}.stat-item{padding:15px;gap:15px}.stat-icon{font-size:1.5rem;min-width:30px}}@media(max-width:480px){.profile-container{padding:10px}.profile-card,.stats-card,.profile-main,.tab-content{padding:20px}.notification-item,.security-item,.activity-item{padding:15px}}@media(prefers-color-scheme:dark){.profile-container{background:#0f172a}.profile-header,.profile-card,.stats-card,.profile-main{background:#1e293b;box-shadow:0 4px 20px #0000004d}.profile-header h2,.profile-info h3,.stats-card h3,.info-section h4,.notification-info h5,.security-info h5,.activity-content h5{color:#f1f5f9}.user-role,.member-since,.notification-info p,.security-info p,.activity-content p{color:#94a3b8}.notification-item,.security-item,.activity-item{background:#334155;border-color:#475569}.form-group input,.form-group textarea{background:#1e293b;border-color:#475569;color:#f1f5f9}.form-group input.readonly,.form-group textarea.readonly{background:#334155;color:#94a3b8}.profile-tabs{background:#334155;border-color:#475569}.tab-btn{color:#94a3b8}.tab-btn:hover{background:#475569;color:#60a5fa}.tab-btn.active{background:#1e293b;color:#60a5fa;border-color:#60a5fa}}.my-courses-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;color:#64748b}.loading-spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top:4px solid #3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.not-logged-in{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.not-logged-in h2{color:#1e293b;margin-bottom:10px}.not-logged-in p{color:#64748b;margin-bottom:20px}.my-courses-header{margin-bottom:30px;text-align:center}.my-courses-header h1{font-size:2.5rem;font-weight:700;color:#1e293b;margin-bottom:10px}.my-courses-header p{font-size:1.1rem;color:#64748b;margin:0}.my-courses-tabs{display:flex;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;margin-bottom:30px;overflow:hidden}.tab-btn{flex:1;padding:15px 20px;background:none;border:none;color:#64748b;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;border-bottom:3px solid transparent}.tab-btn:hover{background:#f8fafc;color:#3b82f6}.tab-btn.active{background:#3b82f6;color:#fff;border-bottom-color:#2563eb}.tab-btn:disabled{opacity:.5;cursor:not-allowed}.courses-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:30px;margin-bottom:40px}.course-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px #0000001a;transition:all .3s ease;border:1px solid #e2e8f0;position:relative}.course-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px #00000026}.course-image{position:relative;height:220px;overflow:hidden;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.course-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease;filter:brightness(.95)}.course-card:hover .course-image img{transform:scale(1.08);filter:brightness(1)}.course-status{position:absolute;top:15px;right:15px;padding:8px 16px;border-radius:25px;font-size:.8rem;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:.8px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:0 4px 15px #0003;z-index:2;border:2px solid rgba(255,255,255,.3)}.course-content{padding:30px;flex:1;display:flex;flex-direction:column}.course-header{margin-bottom:20px}.course-header h3{font-size:1.4rem;font-weight:800;color:#1e293b;margin-bottom:12px;line-height:1.3;letter-spacing:-.02em}.course-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.instructor{display:flex;align-items:center;gap:8px;color:#64748b;font-size:.95rem;font-weight:500}.rating{display:flex;align-items:center;gap:6px}.star{font-size:.9rem;color:#d1d5db}.star.filled{color:#fbbf24}.star.half{color:#fbbf24;position:relative}.star.half:after{content:"";position:absolute;top:0;left:50%;width:50%;height:100%;background:#fbbf24;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}.rating-number{color:#64748b;font-size:.9rem;font-weight:600}.course-description{color:#64748b;font-size:.95rem;line-height:1.6;margin-bottom:20px;flex:1;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-progress{margin-bottom:25px;padding:15px;background:#f8fafc;border-radius:8px;border-left:4px solid #3b82f6}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.progress-text{font-weight:700;color:#1e293b;font-size:1rem}.lessons-info{color:#64748b;font-size:.9rem;font-weight:500}.progress-bar{width:100%;height:12px;background:#f1f5f9;border-radius:15px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000f}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:15px;transition:width .6s ease;position:relative;box-shadow:0 2px 8px #10b9814d}.progress-fill:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.course-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:18px;margin-bottom:25px}.stat-item{display:flex;align-items:center;gap:10px;color:#64748b;font-size:.9rem;font-weight:500;padding:8px 12px;background:#f8fafc;border-radius:8px;transition:all .3s ease}.stat-item:hover{background:#f1f5f9;transform:translateY(-2px)}.stat-icon{color:#3b82f6;font-size:1rem;min-width:16px}.course-footer{margin-top:auto}.btn-continue{width:100%;padding:14px 24px;background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 4px 15px #10b98133;text-transform:uppercase;letter-spacing:.5px}.btn-continue:hover:not(:disabled){background:linear-gradient(135deg,#059669,#047857);transform:translateY(-3px);box-shadow:0 8px 30px #10b98166}.btn-continue:disabled{background:#e2e8f0;color:#94a3b8;cursor:not-allowed;transform:none;box-shadow:none;text-transform:none;letter-spacing:normal}.course-content-view{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.content-header{padding:20px 25px;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.back-btn{background:none;border:none;color:#64748b;font-size:.9rem;cursor:pointer;padding:8px 16px;border-radius:6px;transition:all .3s ease}.back-btn:hover{background:#f1f5f9;color:#3b82f6}.content-header h2{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.lessons-list{padding:25px;max-height:600px;overflow-y:auto}.lesson-item{display:flex;align-items:stretch;gap:20px;padding:20px;background:#f8fafc;border-radius:8px;margin-bottom:15px;border-left:3px solid #3b82f6}.lesson-number{background:#3b82f6;color:#fff;padding:8px 12px;border-radius:6px;font-weight:600;font-size:.85rem;min-width:100px;text-align:center}.lesson-content{flex:1;display:flex;flex-direction:column}.lesson-info h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:8px}.lesson-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.lesson-duration{display:flex;align-items:center;gap:6px;font-size:.85rem;color:#64748b}.lesson-status{display:flex;align-items:center;gap:6px;font-size:.85rem;font-weight:500;padding:4px 10px;border-radius:15px}.lesson-status.completed{background:#d1fae5;color:#065f46}.lesson-status.pending{background:#fef3c7;color:#92400e}.lesson-actions{display:flex;gap:10px;margin-top:auto}.btn-lesson{padding:10px 16px;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-lesson.completed{background:#10b981;color:#fff}.btn-lesson.locked{background:#64748b;color:#fff;cursor:not-allowed}.btn-lesson.pending{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff}.btn-lesson.pending:hover{background:linear-gradient(135deg,#7c3aed,#6d28d9);transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.btn-lesson.completed:hover{background:#059669;transform:translateY(-1px)}.btn-download{padding:10px 16px;border:1px solid #d1d5db;background:#fff;color:#64748b;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-download:hover{background:#f8fafc;border-color:#3b82f6;color:#3b82f6}.certificates-view{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;overflow:hidden}.certificates-view h2{padding:20px 25px;margin:0;font-size:1.5rem;font-weight:700;color:#1e293b;background:#f8fafc;border-bottom:1px solid #e2e8f0}.certificates-grid{padding:25px;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.certificate-card{background:#f8fafc;border:2px solid #e2e8f0;border-radius:8px;padding:20px;text-align:center}.certificate-preview{margin-bottom:20px}.certificate-icon{font-size:3rem;color:#10b981;margin-bottom:15px}.certificate-preview h4{font-size:1.1rem;font-weight:600;color:#1e293b;margin-bottom:5px}.certificate-preview p{font-size:.9rem;color:#64748b;margin:0}.btn-download{width:100%;padding:12px 20px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-download:hover{transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.no-courses,.no-certificates{text-align:center;padding:60px 20px;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014}.no-courses-icon,.no-certificates-icon{font-size:4rem;color:#cbd5e1;margin-bottom:20px}.no-courses h3,.no-certificates h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:10px}.no-courses p,.no-certificates p{color:#64748b;font-size:1rem;margin-bottom:25px;line-height:1.5}.btn-primary{background:#3b82f6;color:#fff;border:none;padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background:#2563eb;transform:translateY(-1px)}@media(max-width:768px){.my-courses-container{padding:15px}.my-courses-header h1{font-size:2.2rem}.courses-grid{grid-template-columns:1fr;gap:25px}.course-card{margin-bottom:20px}.course-content{padding:25px}.course-header h3{font-size:1.25rem}.course-stats{grid-template-columns:1fr;gap:12px}.my-courses-tabs{flex-direction:column;gap:0}.tab-btn{border-bottom:1px solid #e2e8f0;border-radius:0;padding:18px 20px}.tab-btn.active{border-bottom-color:#10b981}.btn-continue{padding:12px 20px;font-size:.9rem}}@media(max-width:480px){.my-courses-container{padding:10px}.my-courses-header h1{font-size:1.8rem}.course-card{border-radius:12px}.course-content{padding:20px}.course-header h3{font-size:1.2rem}.course-description{font-size:.9rem}.tab-btn{font-size:.8rem;padding:12px 15px}}.quiz-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999;padding:20px}.quiz-modal{background:#fff;border-radius:16px;width:100%;max-width:800px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 50px #0000004d}.quiz-header{padding:25px;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:16px 16px 0 0}.quiz-header h3{font-size:1.5rem;font-weight:700;margin:0}.quiz-info{display:flex;gap:20px;font-size:.9rem;opacity:.9}.close-btn{background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;font-size:1.2rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:#ffffff4d;transform:scale(1.1)}.quiz-content{padding:0}.quiz-container{padding:30px}.quiz-progress{margin-bottom:30px}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:.9rem;color:#64748b}.timer{display:flex;align-items:center;gap:6px;font-weight:600;color:#3b82f6}.quiz-progress .progress-bar{width:100%;height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.quiz-progress .progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:4px;transition:width .3s ease}.question-card{background:#f8fafc;border-radius:12px;padding:30px;margin-bottom:30px;border-left:4px solid #3b82f6}.question-card h4{font-size:1.3rem;font-weight:600;color:#1e293b;margin-bottom:25px;line-height:1.4}.options{display:flex;flex-direction:column;gap:15px}.option-label{display:flex;align-items:center;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:10px;cursor:pointer;transition:all .3s ease}.option-label:hover{border-color:#3b82f6;background:#f8fafc}.option-label input[type=radio]{margin-right:15px;width:20px;height:20px;accent-color:#3b82f6}.option-content{display:flex;align-items:center;gap:15px;flex:1}.option-letter{width:35px;height:35px;background:#e2e8f0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#64748b;font-size:.9rem}.option-label:hover .option-letter{background:#3b82f6;color:#fff}.option-label input[type=radio]:checked+.option-content .option-letter{background:#3b82f6;color:#fff}.option-text{font-size:1rem;color:#1e293b;line-height:1.5}.quiz-actions{display:flex;justify-content:space-between;align-items:center;gap:20px}.btn-prev,.btn-next,.btn-submit{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.btn-prev{background:#f3f4f6;color:#64748b}.btn-prev:hover:not(:disabled){background:#e5e7eb;transform:translateY(-1px)}.btn-next{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.btn-next:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #3b82f666}.btn-submit{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #10b98166}.btn-prev:disabled,.btn-next:disabled,.btn-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.lesson-quiz-status{display:flex;align-items:center;gap:8px;font-size:.85rem;padding:4px 10px;border-radius:15px;margin-top:5px}.lesson-quiz-status.completed{background:#d1fae5;color:#065f46}.lesson-quiz-status.pending{background:#fef3c7;color:#92400e}.lesson-quiz-status.locked{background:#f3f4f6;color:#64748b}.btn-start-quiz{padding:8px 16px;background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:#fff;border:none;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:6px}.btn-start-quiz:hover{transform:translateY(-1px);box-shadow:0 4px 15px #8b5cf666}.certificate-earned{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:20px;border-radius:12px;text-align:center;margin-bottom:20px;display:flex;align-items:center;justify-content:center;gap:15px}.certificate-earned .trophy-icon{font-size:2.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.certificate-earned-content h4{font-size:1.2rem;font-weight:700;margin-bottom:5px}.certificate-earned-content p{font-size:.9rem;opacity:.9;margin:0}@media(prefers-color-scheme:dark){.my-courses-container{background:#0f172a}.course-card,.course-content-view,.certificates-view{background:#1e293b;box-shadow:0 4px 20px #0000004d}.course-header h3,.content-header h2,.certificate-preview h4{color:#f1f5f9}.course-description,.instructor,.rating-number,.stat-item,.lesson-duration{color:#94a3b8}.my-courses-tabs{background:#1e293b}.tab-btn{color:#94a3b8}.tab-btn:hover{background:#334155;color:#60a5fa}.tab-btn.active{background:#3b82f6;color:#fff}.course-progress,.lesson-item{background:#334155;border-left-color:#60a5fa}.progress-text{color:#f1f5f9}.lessons-info{color:#94a3b8}.progress-bar{background:#475569}.lesson-info h4{color:#f1f5f9}.lesson-status.completed{background:#065f46}.lesson-status.pending{background:#92400e}.btn-lesson.completed{background:#10b981}.btn-lesson.locked{background:#475569}.btn-download{background:#1e293b;border-color:#475569;color:#f1f5f9}.btn-download:hover{background:#334155;border-color:#60a5fa;color:#60a5fa}.certificates-grid{background:#1e293b}.certificate-card{background:#334155;border-color:#475569}.certificate-preview p{color:#94a3b8}.no-courses,.no-certificates{background:#1e293b}.no-courses h3,.no-certificates h3{color:#f1f5f9}.no-courses p,.no-certificates p{color:#94a3b8}}