*{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:#e2e8f0;background:#0a0118;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}.stars,.twinkling{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;display:block}.stars{background:#0a0118 url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="50" cy="50" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="150" cy="120" r="1.5" fill="%23a78bfa" opacity="0.6"/><circle cx="300" cy="80" r="1" fill="%23ffffff" opacity="0.9"/><circle cx="450" cy="200" r="1.2" fill="%2360a5fa" opacity="0.7"/><circle cx="600" cy="150" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="750" cy="90" r="1.3" fill="%23a78bfa" opacity="0.5"/><circle cx="850" cy="180" r="1" fill="%23ffffff" opacity="0.9"/><circle cx="200" cy="300" r="1.1" fill="%2360a5fa" opacity="0.6"/><circle cx="400" cy="350" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="550" cy="320" r="1.4" fill="%23a78bfa" opacity="0.7"/><circle cx="700" cy="380" r="1" fill="%23ffffff" opacity="0.9"/><circle cx="100" cy="450" r="1.2" fill="%2360a5fa" opacity="0.5"/><circle cx="350" cy="480" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="500" cy="520" r="1.3" fill="%23a78bfa" opacity="0.6"/><circle cx="800" cy="470" r="1" fill="%23ffffff" opacity="0.9"/><circle cx="250" cy="600" r="1.1" fill="%2360a5fa" opacity="0.7"/><circle cx="450" cy="650" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="650" cy="620" r="1.2" fill="%23a78bfa" opacity="0.5"/><circle cx="120" cy="750" r="1" fill="%23ffffff" opacity="0.9"/><circle cx="380" cy="780" r="1.3" fill="%2360a5fa" opacity="0.6"/><circle cx="580" cy="800" r="1" fill="%23ffffff" opacity="0.8"/><circle cx="750" cy="750" r="1.1" fill="%23a78bfa" opacity="0.7"/></svg>') repeat;z-index:-2}.twinkling{background:transparent url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000"><circle cx="100" cy="100" r="2" fill="%23ffffff" opacity="0.8"><animate attributeName="opacity" values="0.3;1;0.3" dur="3s" repeatCount="indefinite"/></circle><circle cx="300" cy="200" r="1.5" fill="%23a78bfa" opacity="0.6"><animate attributeName="opacity" values="0.2;0.8;0.2" dur="4s" repeatCount="indefinite"/></circle><circle cx="500" cy="150" r="2" fill="%2360a5fa" opacity="0.7"><animate attributeName="opacity" values="0.4;1;0.4" dur="2.5s" repeatCount="indefinite"/></circle><circle cx="700" cy="300" r="1.8" fill="%23ffffff" opacity="0.9"><animate attributeName="opacity" values="0.3;1;0.3" dur="3.5s" repeatCount="indefinite"/></circle><circle cx="200" cy="400" r="1.5" fill="%23a78bfa" opacity="0.5"><animate attributeName="opacity" values="0.2;0.7;0.2" dur="4.5s" repeatCount="indefinite"/></circle><circle cx="600" cy="450" r="2" fill="%2360a5fa" opacity="0.8"><animate attributeName="opacity" values="0.4;1;0.4" dur="3s" repeatCount="indefinite"/></circle><circle cx="800" cy="550" r="1.5" fill="%23ffffff" opacity="0.6"><animate attributeName="opacity" values="0.3;0.9;0.3" dur="2s" repeatCount="indefinite"/></circle><circle cx="150" cy="650" r="1.8" fill="%23a78bfa" opacity="0.7"><animate attributeName="opacity" values="0.2;0.8;0.2" dur="3.8s" repeatCount="indefinite"/></circle></svg>') repeat;z-index:-1;animation:move-twink-back 200s linear infinite}@keyframes move-twink-back{0%{background-position:0 0}to{background-position:-10000px 5000px}}.hero-title{font-family:Orbitron,monospace;font-size:clamp(2.5rem,8vw,5rem);font-weight:900;background:linear-gradient(135deg,#a78bfa,#60a5fa,#fff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:1rem;text-shadow:0 0 30px rgba(167,139,250,.5)}.hero-subtitle{font-size:clamp(1rem,3vw,1.25rem);text-align:center;color:#cbd5e1;max-width:600px;margin:0 auto;opacity:.9}.section-title{font-family:Orbitron,monospace;font-size:clamp(1.5rem,4vw,2.5rem);font-weight:700;text-align:center;margin-bottom:3rem;background:linear-gradient(135deg,#a78bfa,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(ellipse at center,rgba(167,139,250,.15) 0%,transparent 70%)}section{padding:5rem 0;position:relative}.founder-section{position:relative;overflow:hidden}.founder-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.founders-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.founder-card{display:grid;grid-template-columns:150px 1fr;gap:1.5rem;align-items:center;background:#ffffff08;border-radius:20px;padding:2rem;border:1px solid rgba(59,130,246,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.founder-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #3b82f633;border-color:#3b82f666}.founder-avatar{position:relative;display:flex;justify-content:center}.avatar-placeholder{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#1d4ed8);display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;border:3px solid rgba(59,130,246,.5);box-shadow:0 0 30px #3b82f64d;transition:all .3s ease}.avatar-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;background:radial-gradient(circle,rgba(59,130,246,.3) 0%,transparent 70%);animation:pulse 3s ease-in-out infinite;pointer-events:none}.founder-info{display:flex;flex-direction:column;text-align:left}.founder-name{font-family:Orbitron,monospace;font-size:1.8rem;color:#fff;margin-bottom:.5rem;font-weight:700}.founder-title{font-size:1.1rem;color:#60a5fa;margin-bottom:1rem;font-weight:500}.founder-description{font-size:.95rem;color:#e2e8f0;line-height:1.6;margin-bottom:1.5rem}.founder-achievements{display:flex;flex-wrap:wrap;gap:.5rem}.achievement{background:#3b82f61a;color:#93c5fd;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(59,130,246,.3)}.members-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3.4rem;max-width:900px;margin:0 auto}.member-card{text-align:center;padding:2rem 1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(96,165,250,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;box-shadow:0 4px 16px #0003}.member-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #60a5fa33;border-color:#60a5fa66}.member-avatar{width:105px;height:90px;margin:0 auto 2rem}.member-card .avatar-placeholder{font-size:2rem;background:linear-gradient(135deg,#60a5fa,#a78bfa)}.member-name{font-size:1.3rem;font-weight:600;color:#fff;margin-bottom:.5rem}.member-role{color:#60a5fa;font-weight:500}.guardians-section{position:relative;overflow:hidden}.guardians-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 50%,rgba(167,139,250,.1) 0%,transparent 50%),radial-gradient(ellipse at 70% 80%,rgba(96,165,250,.08) 0%,transparent 50%);pointer-events:none}.guardians-intro{text-align:center;max-width:800px;margin:0 auto 4rem}.guardians-intro p{font-size:1.2rem;color:#cbd5e1;line-height:1.8;font-style:italic}.guardians-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem;max-width:1200px;margin:0 auto}.guardian-card{background:#ffffff08;border-radius:20px;padding:2.5rem;text-align:center;position:relative;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);transition:all .4s ease;overflow:hidden}.guardian-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;transition:opacity .4s ease;pointer-events:none;border-radius:20px}.guardian-card.tyrell:before{background:linear-gradient(135deg,#9333ea1a,#4f46e50d)}.guardian-card.ajax:before{background:linear-gradient(135deg,#ef44441a,#f565650d)}.guardian-card.anemo:before{background:linear-gradient(135deg,#fbbf241a,#fcd34d0d)}.guardian-card:hover:before{opacity:1}.guardian-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px #0000004d}.guardian-card.tyrell:hover{border-color:#9333ea66}.guardian-card.ajax:hover{border-color:#ef444466}.guardian-card.anemo:hover{border-color:#fbbf2466}.guardian-avatar{width:100px;height:100px;margin:0 auto 1.5rem;position:relative}.avatar-glow{position:absolute;top:-10px;left:-10px;right:-10px;bottom:-10px;border-radius:50%;opacity:.6;animation:pulse 3s ease-in-out infinite}.guardian-card.tyrell .avatar-glow{background:radial-gradient(circle,rgba(147,51,234,.4) 0%,transparent 70%)}.guardian-card.ajax .avatar-glow{background:radial-gradient(circle,rgba(239,68,68,.4) 0%,transparent 70%)}.guardian-card.anemo .avatar-glow{background:radial-gradient(circle,rgba(251,191,36,.4) 0%,transparent 70%)}@keyframes pulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}}.guardian-card .avatar-placeholder{width:100%;height:100%;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;font-weight:700;color:#fff;position:relative;z-index:1}.guardian-card.tyrell .avatar-placeholder{background:linear-gradient(135deg,#9333ea,#4f46e5);box-shadow:0 0 30px #9333ea80}.guardian-card.ajax .avatar-placeholder{background:linear-gradient(135deg,#ef4444,#f56565);box-shadow:0 0 30px #ef444480}.guardian-card.anemo .avatar-placeholder{background:linear-gradient(135deg,#fbbf24,#fcd34d);box-shadow:0 0 30px #fbbf2480;color:#1a1a1a}.guardian-name{font-family:Orbitron,monospace;font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:.5rem;text-shadow:0 0 10px rgba(255,255,255,.3)}.guardian-title{font-size:1.1rem;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.guardian-card.tyrell .guardian-title{color:#a855f7}.guardian-card.ajax .guardian-title{color:#f87171}.guardian-card.anemo .guardian-title{color:#fbbf24}.guardian-description{margin-bottom:2rem;text-align:left}.guardian-description p{font-size:.95rem;line-height:1.7;color:#e2e8f0;font-style:italic;text-align:justify}.guardian-powers{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.power-tag{background:#ffffff1a;color:#cbd5e1;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;border:1px solid rgba(255,255,255,.2);transition:all .3s ease}.guardian-card.tyrell .power-tag:hover{background:#9333ea33;border-color:#9333ea66;color:#c4b5fd}.guardian-card.ajax .power-tag:hover{background:#ef444433;border-color:#ef444466;color:#fca5a5}.guardian-card.anemo .power-tag:hover{background:#fbbf2433;border-color:#fbbf2466;color:#fde68a}.about-content{max-width:800px;margin:0 auto;text-align:center}.about-content p{font-size:1.1rem;color:#cbd5e1;margin-bottom:1.5rem;line-height:1.8}.feature-list{list-style:none;text-align:left;display:inline-block;margin-top:2rem}.feature-list li{font-size:1rem;color:#e2e8f0;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.feature-list li:before{content:"✨";position:absolute;left:0;color:#a78bfa}.join-section{text-align:center;background:radial-gradient(ellipse at center,rgba(167,139,250,.1) 0%,transparent 70%)}.join-description{font-size:1.2rem;color:#cbd5e1;margin-bottom:2rem;max-width:600px;margin-left:auto;margin-right:auto}.join-button{background:linear-gradient(135deg,#a78bfa,#60a5fa);border:none;padding:1rem 2.5rem;border-radius:50px;font-size:1.2rem;font-weight:600;color:#fff;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 8px 24px #a78bfa4d;text-decoration:none}.join-button:hover{transform:translateY(-2px);box-shadow:0 12px 32px #a78bfa66;scale:1.05}.button-icon{font-size:1.3rem}.rules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.rule-card{padding:2rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:all .3s ease}.rule-card:hover{transform:translateY(-5px);border-color:#a78bfa4d;box-shadow:0 8px 24px #0003}.rule-icon{font-size:2.5rem;margin-bottom:1rem}.rule-card h3{font-size:1.3rem;color:#fff;margin-bottom:1rem;font-weight:600}.rule-card p{color:#cbd5e1;line-height:1.6}.contact-section{background:linear-gradient(135deg,#101020cc,#201030cc)}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:1.5rem;max-width:600px;margin:0 auto}.contact-link{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;background:#ffffff0d;border-radius:12px;border:1px solid rgba(255,255,255,.1);color:#e2e8f0;text-decoration:none;transition:all .3s ease;font-weight:500}.contact-link:hover{transform:translateY(-3px);box-shadow:0 8px 16px #0003}.contact-link.discord:hover{border-color:#5865f2;background:#5865f21a}.contact-link.twitter:hover{border-color:#1da1f2;background:#1da1f21a}.contact-link.youtube:hover{border-color:red;background:#ff00001a}.contact-link.twitch:hover{border-color:#9146ff;background:#9146ff1a}.contact-icon{font-size:1.2rem}.developer-section{position:relative;overflow:hidden}.developer-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 50% 50%,rgba(239,68,68,.08) 0%,transparent 60%);pointer-events:none}.developer-card{max-width:900px;margin:0 auto;display:grid;grid-template-columns:300px 1fr;gap:3rem;align-items:center;background:#ffffff08;border-radius:24px;padding:3rem;border:1px solid rgba(239,68,68,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:all .4s ease;position:relative}.developer-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #ef444426;border-color:#ef444466}.developer-avatar{position:relative;display:flex;justify-content:center}.developer-image{width:200px;height:200px;border-radius:50%;object-fit:cover;border:3px solid rgba(239,68,68,.3);box-shadow:0 0 30px #ef44444d;transition:all .3s ease}.developer-image:hover{transform:scale(1.05);box-shadow:0 0 40px #ef444480}.developer-glow{position:absolute;top:-20px;left:-20px;right:-20px;bottom:-20px;border-radius:50%;background:radial-gradient(circle,rgba(239,68,68,.2) 0%,transparent 70%);animation:developerPulse 4s ease-in-out infinite;pointer-events:none}@keyframes developerPulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.developer-info{text-align:left}.developer-name{font-family:Orbitron,monospace;font-size:2.2rem;font-weight:700;color:#fff;margin-bottom:.5rem;background:linear-gradient(135deg,#ef4444,#dc2626);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.developer-title{font-size:1.2rem;color:#ef4444;font-weight:600;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.developer-description{margin-bottom:2rem}.developer-description p{font-size:1rem;line-height:1.7;color:#e2e8f0;margin-bottom:1rem}.developer-skills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.skill-tag{background:#ef44441a;color:#fca5a5;padding:.4rem 1rem;border-radius:20px;font-size:.85rem;font-weight:500;border:1px solid rgba(239,68,68,.3);transition:all .3s ease}.skill-tag:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px)}.developer-contact{display:flex;gap:1rem}.dev-contact-link{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#ef44441a;border-radius:12px;border:1px solid rgba(239,68,68,.3);color:#e2e8f0;text-decoration:none;transition:all .3s ease;font-weight:500}.dev-contact-link:hover{background:#ef444433;border-color:#ef444480;transform:translateY(-2px);box-shadow:0 4px 16px #ef444433}@media (max-width: 768px){.developer-card{grid-template-columns:1fr;gap:2rem;padding:2rem;text-align:center}.developer-info{text-align:center}.developer-contact{justify-content:center}.developer-image{width:150px;height:150px}}.footer{background:#00000080;border-top:1px solid rgba(255,255,255,.1);padding:2rem 0;text-align:center}.footer-content p{color:#94a3b8;margin-bottom:.5rem}.developer-credit{font-size:.9rem;margin-top:1rem}.developer-credit .highlight{color:#ef4444;font-weight:600}.meta-narrative-section{position:relative;overflow:hidden}.meta-narrative-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(167,139,250,.1) 0%,transparent 70%);pointer-events:none}.meta-subtitle{text-align:center;font-size:1.2rem;color:#a855f7;margin-bottom:2rem;font-family:Orbitron,monospace;letter-spacing:3px}.meta-narrative-card{max-width:1000px;margin:0 auto;background:#ffffff05;border-radius:24px;padding:3rem;border:1px solid rgba(147,51,234,.2);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);position:relative}.narrative-header{display:flex;align-items:center;gap:2rem;margin-bottom:3rem;justify-content:center}.code-display{position:relative;display:flex;align-items:center;gap:1rem}.code-number{font-family:Orbitron,monospace;font-size:4rem;font-weight:700;background:linear-gradient(135deg,#a855f7,#7c3aed);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.code-lines{width:60px;height:60px;border:2px solid rgba(147,51,234,.3);border-radius:8px;background:#9333ea0d;position:relative}.code-lines:before,.code-lines:after{content:"";position:absolute;left:8px;right:8px;height:2px;background:#9333ea99}.code-lines:before{top:18px}.code-lines:after{bottom:18px}.narrative-title{text-align:center}.narrative-title h3{font-family:Orbitron,monospace;font-size:2rem;color:#fff;margin-bottom:.5rem}.narrative-title p{color:#c4b5fd;font-style:italic}.members-hierarchy{display:flex;flex-direction:column;gap:1.5rem}.leader-section{display:flex;justify-content:center;margin-bottom:2rem}.members-grid-narrative{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.member-entry{display:flex;align-items:center;gap:1rem;background:#ffffff05;border-radius:16px;padding:1.5rem;border:1px solid rgba(147,51,234,.2);transition:all .3s ease;position:relative;overflow:hidden}.member-avatar-narrative{width:50px;height:50px;border-radius:50%;overflow:hidden;border:2px solid rgba(147,51,234,.3);transition:all .3s ease}.member-entry.leader .member-avatar-narrative{border-color:#fbbf2480;box-shadow:0 0 15px #fbbf244d}.member-photo{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.member-entry:hover .member-photo{transform:scale(1.1)}.member-entry:hover .member-avatar-narrative{border-color:#9333ea99;box-shadow:0 0 20px #9333ea66}.member-entry.leader:hover .member-avatar-narrative{border-color:#fbbf24cc;box-shadow:0 0 25px #fbbf2480}.member-entry:hover{transform:translateY(-3px);border-color:#9333ea66;box-shadow:0 8px 25px #9333ea26}.member-entry.leader{background:#a855f71a;border-color:#a855f766;transform:scale(1.05);margin-bottom:1rem}.member-entry.leader:hover{transform:scale(1.08) translateY(-3px)}.member-rank{font-family:Orbitron,monospace;font-size:1.5rem;font-weight:700;color:#a855f7;min-width:40px}.member-entry.leader .member-rank{color:#fbbf24}.member-info{display:flex;flex-direction:column;flex:1}.member-name{font-size:1.2rem;font-weight:600;color:#fff;margin-bottom:.25rem}.member-entry.leader .member-name{font-size:1.4rem;color:#fbbf24}.member-role{font-size:.9rem;color:#c4b5fd;text-transform:uppercase;letter-spacing:1px}.member-entry.leader .member-role{color:#fde68a}.member-glow{position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border-radius:18px;background:linear-gradient(45deg,transparent,rgba(147,51,234,.1),transparent);opacity:0;transition:opacity .3s ease;pointer-events:none}.member-entry:hover .member-glow{opacity:1}.leader-glow{background:linear-gradient(45deg,transparent,rgba(251,191,36,.2),transparent)}@media (max-width: 768px){.container{padding:0 15px}section{padding:3rem 0}.members-grid,.rules-grid,.founders-grid{grid-template-columns:1fr;gap:1.5rem}.founder-card{grid-template-columns:1fr;text-align:center;gap:1.5rem}.founder-info{text-align:center}.contact-links{flex-direction:column;align-items:center}.contact-link{width:100%;max-width:300px;justify-content:center}.hero{min-height:80vh;padding:2rem 0}.narrative-header{flex-direction:column;gap:1rem}.code-number{font-size:3rem}.members-grid-narrative{grid-template-columns:1fr;gap:1rem}.meta-narrative-card{padding:2rem}}@media (max-width: 480px){.founder-card,.member-card,.rule-card{padding:1.5rem}.join-button{padding:.8rem 2rem;font-size:1.1rem}}html{scroll-behavior:smooth}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .8s ease-out}.avatar-img{width:110px;height:110px;border-radius:50%;object-fit:cover;display:block;border:2px solid #fff;box-shadow:0 0 8px #a7a7ff44}.events-section{position:relative;overflow:hidden;padding:6rem 0}.events-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none}.events-section:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="20" cy="20" r="1" fill="rgba(255,255,255,0.1)"/><circle cx="80" cy="40" r="1.5" fill="rgba(59,130,246,0.2)"/><circle cx="60" cy="80" r="1" fill="rgba(147,51,234,0.15)"/><circle cx="40" cy="60" r="0.5" fill="rgba(255,255,255,0.08)"/></svg>') repeat;opacity:.6;animation:twinkleBackground 20s linear infinite;pointer-events:none}@keyframes twinkleBackground{0%,to{opacity:.4}50%{opacity:.8}}.events-navigation{display:flex;justify-content:center;gap:25px;margin-bottom:2rem;background:#ffffff08;border-radius:60px;padding:.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);max-width:500px;margin-left:auto;margin-right:auto;margin-bottom:4rem;position:relative}.events-navigation:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;background:linear-gradient(135deg,#3b82f64d,#9333ea4d,#10b9814d);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;pointer-events:none}.nav-tab{background:transparent;border:none;color:#94a3b8;padding:1.2rem 2.5rem;border-radius:50px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;flex:1;text-align:center;letter-spacing:.5px}.nav-tab:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(135deg,#3b82f61a,#9333ea1a);opacity:0;transition:opacity .3s ease}.nav-tab:hover:not(.active){color:#e2e8f0;transform:translateY(-1px)}.nav-tab:hover:not(.active):before{opacity:1}.nav-tab.active{background:linear-gradient(135deg,#3b82f6,#8b5cf6,#10b981);color:#fff;box-shadow:0 8px 32px #3b82f666,0 4px 16px #9333ea4d,inset 0 2px 4px #fff3;transform:translateY(-2px)}.nav-tab.active:before{opacity:0}.events-container{position:relative;min-height:400px}.events-content{display:none;opacity:0;transition:opacity .3s ease}.events-content.active{display:block;opacity:1}.events-slider{position:relative;display:flex;align-items:center;gap:2rem}.events-track{flex:1;overflow:hidden;border-radius:20px}.slider-arrow{background:#ffffff1a;border:1px solid rgba(59,130,246,.3);border-radius:50%;width:50px;height:50px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;font-size:1.5rem;font-weight:700}.slider-arrow:hover{background:#3b82f633;border-color:#3b82f680;transform:scale(1.1);box-shadow:0 4px 15px #3b82f64d}.slider-arrow:active{transform:scale(.95)}.event-card{background:#ffffff0d;border-radius:32px;overflow:hidden;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);transition:all .5s cubic-bezier(.4,0,.2,1);display:grid;grid-template-columns:320px 1fr;max-width:1000px;margin:0 auto;position:relative;box-shadow:0 8px 32px #0000004d}.event-card:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;background:linear-gradient(135deg,#3b82f64d,#9333ea4d,#10b9814d 66%,#3b82f64d);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:opacity .5s ease}.event-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 25px 50px #3b82f640,0 15px 30px #9333ea33,0 8px 16px #0006}.event-card:hover:before{opacity:1}.event-image{position:relative;overflow:hidden;background:linear-gradient(135deg,#3b82f61a,#9333ea1a)}.event-image:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%);transform:translate(-100%);transition:transform .6s ease;z-index:2}.event-card:hover .event-image:before{transform:translate(100%)}.event-photo{margin-top:100px;width:120%;height:300px;object-fit:cover;transition:all .5s cubic-bezier(.4,0,.2,1);filter:brightness(.9) contrast(1.1)}.event-card:hover .event-photo{transform:scale(1.15);filter:brightness(1) contrast(1.2)}.event-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.75rem 1.5rem;border-radius:25px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);z-index:3;box-shadow:0 4px 16px #0000004d;transition:all .3s ease}.completed-badge{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:1px solid rgba(16,185,129,.4);box-shadow:0 4px 16px #10b9814d}.completed-badge:before{content:"✓";margin-right:.5rem;font-weight:900}.event-card:hover .event-badge{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 24px #10b98166}.event-info{padding:2.5rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(135deg,#ffffff05,#ffffff0d);position:relative}.event-info:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#3b82f6,#8b5cf6,#10b981);border-radius:0 2px 2px 0}.event-title{font-family:Orbitron,monospace;font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff,#e2e8f0,#cbd5e1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.5px}.event-description{color:#e2e8f0;line-height:1.7;margin-bottom:2.5rem;font-size:1rem;opacity:.9;font-weight:400}.event-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;padding:1.5rem;background:#ffffff08;border-radius:20px;border:1px solid rgba(255,255,255,.08);margin-top:auto}.event-organizer{display:flex;align-items:center;gap:.75rem;background:#3b82f61a;padding:.75rem 1.25rem;border-radius:15px;border:1px solid rgba(59,130,246,.2);transition:all .3s ease}.event-organizer:hover{background:#3b82f626;transform:translateY(-1px)}.meta-label{color:#94a3b8;font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:1px}.organizer-name{color:#60a5fa;font-weight:700;font-size:1.1rem;text-shadow:0 0 10px rgba(96,165,250,.3)}.event-status{display:flex;align-items:center;gap:.75rem;font-size:.95rem;font-weight:600;background:#10b9811a;padding:.75rem 1.25rem;border-radius:15px;border:1px solid rgba(16,185,129,.2);transition:all .3s ease}.event-status:hover{background:#10b98126;transform:translateY(-1px)}.completed-status{color:#10b981;text-shadow:0 0 10px rgba(16,185,129,.3)}.status-indicator{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,#10b981,#059669);animation:statusPulse 2s infinite;box-shadow:0 0 10px #10b98180}@keyframes statusPulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 10px #10b98180}50%{opacity:.7;transform:scale(1.2);box-shadow:0 0 20px #10b981cc}}.slider-arrow{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid rgba(255,255,255,.15);border-radius:50%;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#94a3b8;font-size:1.75rem;font-weight:700;position:relative;box-shadow:0 4px 20px #0003}.slider-arrow:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;padding:1px;background:linear-gradient(135deg,#3b82f666,#9333ea66);border-radius:inherit;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:xor;opacity:0;transition:opacity .3s ease}.slider-arrow:hover{background:linear-gradient(135deg,#3b82f626,#9333ea1a);color:#e2e8f0;transform:scale(1.15);box-shadow:0 8px 32px #3b82f64d,0 4px 16px #9333ea33}.slider-arrow:hover:before{opacity:1}.slider-arrow:active{transform:scale(1.05);transition:transform .1s ease}.event-meta{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.event-organizer{display:flex;align-items:center;gap:.5rem}.meta-label{color:#94a3b8;font-size:.9rem}.organizer-name{color:#60a5fa;font-weight:600;font-size:1rem}.event-status{display:flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:500}.completed-status{color:#34d399}.status-indicator{width:8px;height:8px;border-radius:50%;background:#34d399;animation:pulse 2s infinite}.no-events-placeholder{text-align:center;padding:4rem 2rem;color:#cbd5e1}.placeholder-icon{font-size:4rem;margin-bottom:1rem;opacity:.7}.no-events-placeholder h3{font-family:Orbitron,monospace;font-size:1.8rem;color:#fff;margin-bottom:1rem}.no-events-placeholder p{font-size:1.1rem;line-height:1.6;max-width:500px;margin:0 auto 2rem;opacity:.8}.placeholder-stars{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.star{font-size:1.5rem;animation:twinkle 3s ease-in-out infinite}.star:nth-child(2){animation-delay:1s}.star:nth-child(3){animation-delay:2s}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.2)}}@media (max-width: 768px){.event-card{grid-template-columns:1fr;max-width:100%}.event-photo{margin-top:0;width:100%;height:200px}.event-info{padding:1.5rem}.event-title{font-size:1.3rem}.event-description{font-size:.9rem;line-height:1.5}.nav-tab{padding:.8rem 1rem;font-size:.9rem}.slider-arrow{width:40px;height:40px;font-size:1.2rem}.events-navigation{gap:10px;padding:.3rem}.event-meta{flex-direction:column;align-items:flex-start;gap:.75rem}}