@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";:root{color:#f4f4ef;font-synthesis:none;background:#101821;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}.navbar{background:#101821;justify-content:space-between;align-items:center;padding:24px 7%;display:flex}.logo{letter-spacing:2px;color:#58d7b1;font-family:Outfit,sans-serif;font-weight:800}nav{gap:28px;display:flex}nav a{color:#c1cad1;font-size:14px}nav a:hover{color:#58d7b1}.hero{text-align:center;background:radial-gradient(#263c49,#101821 70%);justify-content:center;align-items:center;min-height:650px;padding:100px 20px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;position:relative}.eyebrow{color:#58d7b1;letter-spacing:3px;font-size:12px;font-weight:700}h1,h2,h3{font-family:Outfit,sans-serif}h1{letter-spacing:5px;margin:12px 0;font-size:clamp(56px,11vw,120px)}.hero p{color:#c1cad1;margin-bottom:36px;font-size:20px}.button{color:#102027;background:#58d7b1;border-radius:8px;padding:15px 28px;font-weight:700;transition:transform .2s,background .2s;display:inline-block}.button:hover{background:#8ce9cd;transform:translateY(-3px)}.portal{opacity:.25;border:12px solid #8c78e8;border-radius:50% 50% 12% 12%;width:340px;height:470px;position:absolute;transform:translateY(35px);box-shadow:0 0 90px #8c78e8}.portal-inner{filter:blur(30px);background:radial-gradient(#58d7b1,#8c78e8 65%,#0000);width:100%;height:100%}.section{text-align:center;padding:110px 7%}.section h2{max-width:700px;margin:18px auto 45px;font-size:clamp(30px,4vw,48px)}.features{grid-template-columns:repeat(3,1fr);gap:24px;max-width:1100px;margin:auto;display:grid}.feature{background:#1a2934;border:1px solid #304451;border-radius:16px;padding:36px 26px}.feature-icon{color:#e9b75f;font-size:36px}.feature h3{font-size:24px}.feature p{color:#c1cad1;line-height:1.7}.portal-section{background:#172530}.portal-section p{color:#c1cad1}footer{color:#aebdc7;justify-content:space-between;padding:35px 7%;font-size:13px;display:flex}@media (width<=700px){.navbar{padding:20px 5%}nav{gap:14px}nav a{font-size:12px}.features{grid-template-columns:1fr}.section{padding:75px 6%}footer{text-align:center;flex-direction:column}}.test-button{color:#fff;background:#8c78e8;margin-left:12px}.test-button:hover{background:#a595f5}@media (width<=480px){.test-button{margin:12px 0 0}}