.nav{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);background:#0a0a0f59;transition:background .25s ease,border-color .25s ease;border-bottom:1px solid transparent}.nav-solid{background:#0a0a0fe6;border-bottom:1px solid rgba(212,175,55,.25)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px}.brand{display:flex;align-items:center;gap:.6rem;font-weight:600;color:var(--text)}.brand-logo{font-size:1.3rem}.brand-name strong{color:var(--gold)}.links a{margin:0 .6rem;padding:.35rem .5rem;border-radius:.5rem;transition:color .2s ease,background .2s ease}.links a:hover{color:var(--gold);background:#d4af370f}.social a{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--gold)}.social a:hover{box-shadow:0 0 0 3px #d4af3726}.social{display:flex;gap:8px}.yt-icon{color:red}.insta-icon{background:radial-gradient(circle at 30% 107%,#fdf497 0% 5%,#fd5949 45%,#d6249f 60%,#285aeb 90%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.gmail-icon{color:#4285f4}.social a{transition:transform .2s ease}.social a:hover{transform:scale(1.15)}.footer{background:#000;padding:2rem 0;border-top:1px solid rgba(212,175,55,.18);margin-top:0rem}.footer .grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1.5rem}.footer a{color:var(--muted);display:block;margin:.3rem 0}.footer a:hover{color:var(--gold)}.footer .muted{color:var(--muted)}.footer .tiny{font-size:.8rem}.gold{color:var(--gold)}@media (max-width: 800px){.footer .grid{grid-template-columns:1fr}}.hero{margin-top:6rem;position:relative;min-height:72vh;display:flex;align-items:center;overflow:hidden;background:radial-gradient(0px 0px at 10% -10%,rgba(106,13,173,.15),transparent 0%),radial-gradient(800px 600px at 100% 110%,rgba(212,175,55,.12),transparent 0%)}.hero .noise{position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:3px 3px;opacity:.35;pointer-events:none}.hero .orbs span{position:absolute;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 30% 30%,#6a0dad8c,#6a0dad0d);filter:blur(8px);animation:float 7s ease-in-out infinite}.hero .orbs span:nth-child(1){top:10%;left:5%;animation-delay:-2s}.hero .orbs span:nth-child(2){bottom:5%;right:12%;animation-delay:-5s}.hero .orbs span:nth-child(3){top:8%;right:30%;width:140px;height:140px;animation-delay:-8s}.hero .orbs span:nth-child(4){bottom:8%;left:25%;width:130px;height:140px;animation-delay:-8s}@keyframes float{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-15px) translate(10px)}}.hero-inner{padding:6rem 0 4rem;text-align:center}.title{font-size:clamp(2.2rem,5vw,4rem);font-weight:800;margin:0 0 .6rem;letter-spacing:.5px}.title span{color:var(--gold);text-shadow:0 0 12px rgba(212,175,55,.25)}.tagline{font-family:cursive;font-size:clamp(1rem,2.2vw,1.25rem);margin-bottom:1.4rem}.cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}.hero .cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero .btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;font-size:1rem;white-space:nowrap;height:auto}.about{padding:3rem 0}.about.compact{padding-top:2rem}.about .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem;align-items:center}.about h2{margin:0 0 .6rem}.about p{color:var(--muted)}.about ul{margin:1rem 0 0;padding-left:1rem;color:var(--muted)}.about .image .photo-placeholder{height:210px;border-radius:1rem;border:1px dashed rgba(212,175,55,.35);display:flex;align-items:center;justify-content:center;color:var(--gold);background:linear-gradient(180deg,#6a0dad26,#6a0dad05)}@media (max-width: 900px){.about .grid{grid-template-columns:1fr}}.about .image{display:flex;justify-content:center;align-items:center}.about .image img{width:100%;max-width:400px;height:auto;border-radius:12px;object-fit:cover;display:block}.about{padding-top:4rem}.about{margin-top:1rem}.achievements{padding:3rem 0}.achievements h2{margin-bottom:.6rem}.achievements .empty{margin:.4rem 0 1rem;text-align:center}.marquee{position:relative;overflow:hidden;border-top:1px solid rgba(212,175,55,.15);border-bottom:1px solid rgba(212,175,55,.15);padding:1rem 0}.track{display:flex;gap:1.5rem;width:max-content;animation:scrollX 60s linear infinite}@keyframes scrollX{0%{transform:translate(0)}to{transform:translate(-50%)}}.card{width:280px;background:var(--bg-elev);border:1px solid rgba(212,175,55,.18);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px #6a0dad59;border-color:#6a0dad73}.thumb{height:140px;background:#6a0dad1f;display:flex;align-items:center;justify-content:center}.thumb img{width:100%;height:100%;object-fit:cover}.thumb-ph{font-size:2rem;opacity:.7}.body{padding:.8rem .9rem 1rem}.body h3{margin:.2rem 0 .35rem;font-size:1.05rem}.body p{margin:0 0 .5rem;color:var(--muted);font-size:.95rem}.date{font-size:.8rem;color:var(--gold)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#111;color:#fff;padding:2rem;border-radius:12px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;text-align:center;position:relative}.modal-content img{max-width:100%;max-height:250px;object-fit:cover;border-radius:8px;margin-bottom:1rem}.team{padding:6rem 0}.team h2{text-align:center;margin-bottom:2rem}.team-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;justify-items:center;margin-bottom:4rem}.team-card{background:var(--bg-elev);border-radius:1rem;box-shadow:var(--shadow);overflow:hidden;text-align:center;cursor:pointer;transition:transform .25s ease,box-shadow .25s ease;width:100%;max-width:220px;display:flex;flex-direction:column}.team-card:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 10px 35px #6a0dad59}.team-card img{width:100%;height:200px;object-fit:cover}.team-card h3{margin:.5rem 0 .2rem}.team-card p{margin:0 0 .5rem;color:var(--muted)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:#111;color:#fff;padding:2rem;border-radius:12px;max-width:400px;width:90%;max-height:80vh;overflow-y:auto;text-align:center;position:relative}.modal-content img{max-width:100%;border-radius:8px;margin-bottom:1rem}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:1.5rem;color:#fff;cursor:pointer}.contact-page{padding:3rem 0}.contact-page .grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2rem}.form label{display:block;margin:.8rem 0;font-weight:600}.form input,.form textarea{width:100%;margin-top:.35rem;background:#0f0f14;color:var(--text);border:1px solid rgba(212,175,55,.35);border-radius:.7rem;padding:.8rem .9rem;outline:none;transition:box-shadow .2s ease,border-color .2s ease}.form input:focus,.form textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px #d4af3726}.info h3{margin-top:0}.info ul{list-style:none;padding:0}.info li{margin:.4rem 0}.info a:hover{color:var(--gold)}@media (max-width: 900px){.contact-page .grid{grid-template-columns:1fr}}.login-page{padding:3rem 0;text-align:center}.login-page .actions{display:flex;gap:.8rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.app{display:flex;min-height:100vh;flex-direction:column}main{flex:1}:root{--purple: #6a0dad;--gold: #d4af37;--bg: #0b0b0f;--bg-elev: #13131a;--text: #f2f2f2;--muted: #b6b6c1;--shadow: 0 10px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--text);background:radial-gradient(0px 0px at 10% -10%,rgba(106,13,173,.15),transparent 0%),radial-gradient(800px 600px at 100% 110%,rgba(212,175,55,.12),transparent 0%),var(--bg);font-family:ui-sans-serif,system-ui,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}.container{width:min(1200px,92%);margin:0 auto}.btn{appearance:none;border:1px solid var(--gold);background:transparent;color:var(--text);padding:.8rem 1.2rem;border-radius:999px;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer}.btn:hover{box-shadow:0 0 0 3px #d4af3726,var(--shadow);transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,var(--purple),#4f0e9a);border-color:transparent}.btn.primary:hover{box-shadow:0 0 0 3px #6a0dad40,var(--shadow)}