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}.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-img{object-fit:cover;border-radius:16px;width:220px;height:220px;margin:0 auto;display:block}.tagline{color:#a0aec0;letter-spacing:1px;margin:16px 0 0;font-size:18px}.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;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-img{width:100%}.nav-buttons{grid-template-columns:1fr}}