*{box-sizing:border-box;}
body{margin:0;font-family:"Segoe UI",system-ui,-apple-system,sans-serif;color:#e8dced;background:#050206;min-height:100vh;}
a{text-decoration:none;color:inherit;}
#landing{position:fixed;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;padding:20px;transition:opacity .45s ease,transform .45s ease;z-index:5;}
#landing.hidden{opacity:0;transform:scale(.96);pointer-events:none;}
.title-card{padding:34px 54px;text-align:center;}
.brand{margin:0;font-size:clamp(2.1rem,6vw,3.6rem);font-weight:800;letter-spacing:2px;background:linear-gradient(90deg,#ff2fd6,#c400ff,#b026ff,#00e5ff,#39ff14);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px rgba(255,47,214,.45));}
.brand-sub{margin:10px 0 0;font-size:.92rem;letter-spacing:1px;color:#a893b5;}
.menu-card{padding:22px 26px;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:520px;width:100%;}
.menu-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:16px 10px;border-radius:14px;cursor:pointer;transition:background .2s ease,transform .2s ease,color .2s ease;}
.menu-item:hover{background:rgba(255,47,214,.12);transform:translateY(-3px);color:#ff2fd6;}
.menu-item svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;}
.menu-item span{font-size:.82rem;letter-spacing:.4px;}
#topnav{position:fixed;top:14px;left:50%;transform:translateX(-50%) translateY(-90px);display:flex;align-items:center;gap:10px;z-index:60;opacity:0;transition:opacity .4s ease,transform .4s ease;pointer-events:none;}
#topnav.shown{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto;}
.home-btn{width:42px;height:42px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex:0 0 auto;transition:color .2s ease,transform .2s ease;}
.home-btn:hover{color:#ff2fd6;transform:scale(1.08);}
.home-btn svg{width:20px;height:20px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-pill{display:flex;align-items:center;padding:6px;border-radius:999px;overflow-x:auto;max-width:calc(100vw - 90px);}
.nav-item{display:flex;align-items:center;gap:7px;padding:9px 15px;border-radius:999px;font-size:.85rem;white-space:nowrap;cursor:pointer;transition:background .2s ease,color .2s ease;}
.nav-item svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.nav-item:hover{color:#ff2fd6;}
.nav-item.active{background:rgba(255,47,214,.16);color:#ff2fd6;text-shadow:0 0 10px rgba(255,47,214,.6);}
#views{position:relative;z-index:5;max-width:940px;margin:0 auto;padding:84px 20px 60px;}
.view{display:none;}
.view.active{display:block;animation:view-in .45s ease both;}
@keyframes view-in{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}
.view h2{margin:0 0 18px;font-size:1.9rem;color:#ff2fd6;text-shadow:0 0 16px rgba(255,47,214,.5);}
.panel{padding:24px 26px;margin-bottom:18px;line-height:1.65;font-size:.95rem;color:#cbb9d4;}
.panel h3{margin:0 0 10px;font-size:1.1rem;color:#f0e4f5;}
.panel p{margin:0 0 12px;}
.panel p:last-child{margin-bottom:0;}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;}
.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;}
.accent-pink{border-top:2px solid #ff2fd6;}
.accent-lime{border-top:2px solid #39ff14;}
.accent-purple{border-top:2px solid #b026ff;}
.accent-orange{border-top:2px solid #ff8a00;}
.cta-btn{display:inline-block;margin-top:8px;padding:11px 24px;border-radius:999px;font-weight:700;font-size:.9rem;color:#1a0416;background:linear-gradient(90deg,#ff8a00,#ff2f6b);cursor:pointer;}
.link-card{display:block;transition:transform .2s ease;}
.link-card:hover{transform:translateY(-4px);}
.mail-link{color:#39ff14;}
.view-footer{margin-top:26px;text-align:center;font-size:.78rem;color:#6d5b76;}
@media(max-width:560px){.menu-card{grid-template-columns:repeat(2,1fr);}.title-card{padding:26px 30px;}#views{padding-top:96px;}}