html{background-color:#0f172a}body{background:0 0}body:before{content:"";mix-blend-mode:lighten;opacity:.2;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}@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}}main{z-index:10;max-width:900px;margin:0 auto;padding:40px 20px;position:relative}.header{text-align:center;opacity:0;margin-bottom:50px;transition:all .6s;transform:translateY(20px)}.header.visible{opacity:1;transform:translateY(0)}h1{color:#d4a5ff;margin-bottom:12px;font-size:36px;animation:3s ease-in-out infinite glowPulse}.subtitle{color:#64748b;margin:0;font-size:15px}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-bottom:60px;display:grid}.card{opacity:0;cursor:pointer;background:#1e293bcc;border:1px solid #334155;border-radius:14px;padding:28px 24px;text-decoration:none;transition:all .3s;display:block;transform:translateY(20px)}.card.visible{opacity:1;transform:translateY(0)}.card:hover{background:#a855f714;border-color:#a855f7;transform:translateY(-4px);box-shadow:0 8px 30px #a855f733}.card-icon{margin-bottom:14px;font-size:32px;display:block}.card-title{color:#d4a5ff;margin-bottom:8px;font-size:17px;font-weight:700;display:block}.card-desc{color:#64748b;margin-bottom:16px;font-size:13px;line-height:1.7;display:block}.card-link{color:#a855f7;letter-spacing:.5px;font-size:12px;font-weight:600}.section{opacity:0;transition:all .6s;transform:translateY(20px)}.section.visible{opacity:1;transform:translateY(0)}.menu-button{color:#fff;cursor:pointer;z-index:100;background:#a855f7;border:none;border-radius:8px;padding:10px 20px;font-size:16px;transition:all .2s;position:fixed;top:20px;right:20px}.menu-button:hover{background:#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}footer{color:#8b9dc3;text-align:center;border-top:1px solid #a855f733;max-width:900px;margin:60px auto 0;padding:40px 20px;font-size:14px}footer p{background:linear-gradient(90deg,#d946ef,#a855f7,#3b82f6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-top:0;margin-bottom:1.5em;line-height:1.6}