html{background-color:#0f172a}body{background:0 0}body:before{content:"";mix-blend-mode:lighten;opacity:.35;z-index:-1;pointer-events:none;background-image:url(/bg-main.jpeg);background-position:50%;background-repeat:no-repeat;background-size:cover;position:fixed;inset:0}body{background:0 0;margin:0;padding:0}main{z-index:10;max-width:900px;margin:0 auto;padding:40px 20px;position:relative}@keyframes glowPulse{0%,to{text-shadow:0 0 20px #a855f799,0 0 40px #a855f74d}50%{text-shadow:0 0 40px #a855f7,0 0 60px #ec4899cc,0 0 80px #3b82f680,0 0 100px #a855f766}}@keyframes borderGlow{0%,to{box-shadow:0 0 15px #a855f740,0 0 30px #a855f71f}50%{box-shadow:0 0 25px #a855f780,0 0 50px #ec489940}}.fade-top{z-index:50;pointer-events:none;background:linear-gradient(#0f172af2,#0000);width:100%;height:200px;position:fixed;top:0;left:0}.badge{color:#fff;background:#ec4899;border-radius:999px;margin-top:16px;padding:6px 16px;font-size:14px;font-weight:700;display:inline-block}.logo-section{text-align:center;opacity:0;margin-bottom:60px;transition:all .6s;transform:translateY(20px)}.logo-section.visible{opacity:1;transform:translateY(0)}.logo-backdrop{box-sizing:border-box;background:#0f172a8c;border:2px solid #a855f740;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;margin:0 auto;padding:24px 0 90px;animation:3s ease-in-out infinite borderGlow;display:flex}.logo-img{border-radius:0;width:220px;max-width:100%;height:auto;margin:0 auto;display:block}.nav-buttons{opacity:0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;width:100%;margin-bottom:60px;transition:all .6s;display:grid;transform:translateY(20px)}.nav-buttons.visible{opacity:1;transform:translateY(0)}.nav-button{cursor:pointer;background:#0f172a8c;border:2px solid #a855f740;border-radius:12px;padding:20px 30px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s;animation:3s ease-in-out infinite borderGlow;display:block}.nav-button span{background:linear-gradient(90deg,#d946ef,#a855f7,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.nav-button:hover{filter:brightness(1.1);border-color:#ffffff80;transform:translateY(-5px);box-shadow:0 12px 24px #0006,0 0 30px #a855f74d}.footer{text-align:center;opacity:0;margin-top:60px;padding-top:30px;font-size:14px;transition:all .6s;transform:translateY(20px)}.footer.visible{opacity:1;transform:translateY(0)}.footer p{background:linear-gradient(90deg,#06b6d4,#3b82f6,#a855f7);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5em;font-weight:500}.menu-button{color:#fff;cursor:pointer;z-index:100;background-color:#a855f7;border:none;border-radius:8px;padding:10px 20px;font-size:16px;font-weight:700;transition:all .3s;position:fixed;top:20px;right:20px}.menu-button:hover{background-color:#c084fc;transform:scale(1.05);box-shadow:0 0 20px #a855f799}.menu-dropdown{z-index:99;background:#0f172af2;border:1px solid #a855f74d;border-radius:8px;flex-direction:column;min-width:180px;display:none;position:fixed;top:70px;right:20px}.menu-dropdown.active{display:flex}.menu-dropdown a{color:#a855f7;border-bottom:1px solid #a855f733;padding:10px 20px;text-decoration:none;transition:background-color .2s;display:block}.menu-dropdown a:last-child{border-bottom:none}.menu-dropdown a:hover{background-color:#a855f71a}@media (max-width:640px){.logo-section{margin-top:50px}.nav-buttons{grid-template-columns:1fr}}