@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;600;700&display=swap";@import "https://api.fontshare.com/v2/css?f[]=clash-display@400,600,700&display=swap";:root{--bg:#0f1a17;--surface:#1b2b26;--primary:#3ecfbb;--accent:#f5a623;--text:#e0e0e0;--muted:#8f9a95}*{box-sizing:border-box}body{background-color:var(--bg);color:var(--text);background-image:radial-gradient(circle at 10% 20%,#3ecfbb1a 0%,#0000 40%),radial-gradient(circle at 90% 80%,#f5a6230d 0%,#0000 40%);background-attachment:fixed;margin:0;font-family:Outfit,sans-serif;overflow-x:hidden}h1,h2,h3{margin:0;font-family:Clash Display,sans-serif;font-weight:700}#root{flex-direction:column;min-height:100vh;display:flex}.app-container{grid-template-columns:1fr;gap:40px;width:100%;max-width:1200px;margin:0 auto;padding:60px 20px;display:grid}@media (width>=768px){.app-container{grid-template-columns:repeat(12,1fr)}}.hero{background:var(--surface);border:1px solid #3ecfbb33;border-radius:40px 10px;grid-column:1/-1;padding:80px 40px;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080,inset 0 1px 1px #ffffff1a}.hero:after{content:"";background:radial-gradient(circle, var(--primary) 0%, transparent 70%);opacity:.1;filter:blur(40px);width:300px;height:300px;position:absolute;bottom:0;right:0}.badge{color:var(--primary);letter-spacing:2px;background:#3ecfbb0d;border:1px solid #3ecfbb4d;border-radius:20px;margin-bottom:24px;padding:8px 24px;font-family:Clash Display,sans-serif;font-weight:600;display:inline-block}h1{background:linear-gradient(135deg, var(--text) 40%, var(--primary) 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:clamp(3rem,8vw,5.5rem);line-height:1.1}.subtitle{color:var(--muted);max-width:600px;margin-bottom:40px;font-size:clamp(1.2rem,3vw,1.6rem);line-height:1.6}.custom-btn{color:var(--primary);letter-spacing:1px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e3c3280;border:1px solid #3ecfbb80;border-radius:12px 4px;padding:16px 48px;font-family:Clash Display,sans-serif;font-size:1.2rem;font-weight:600;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden}.custom-btn:hover{text-shadow:0 5px 10px #3ecfbb80;border-color:var(--primary);color:#fff;transform:translateY(-2px);box-shadow:0 10px 20px #0000004d,inset 0 0 20px #3ecfbb33}.custom-btn:after{content:"";filter:blur(5px);background:linear-gradient(90deg,#0000,#3ecfbb66,#0000);width:50%;height:100%;transition:all .6s ease-in-out;position:absolute;top:0;left:-100px;transform:skew(-20deg)}.custom-btn:hover:after{left:150%}.info-box{background:var(--surface);border:1px solid #8f9a9533;border-radius:20px 5px;padding:40px;transition:all .4s;position:relative}@media (width>=768px){.info-box-1{grid-column:1/7}.info-box-2{grid-column:7/-1}}.info-box:hover{border-color:#f5a6234d;transform:translateY(-5px);box-shadow:0 20px 40px #0006}h2{color:#fff;margin-bottom:24px;font-size:2rem}.social-links{flex-direction:column;gap:16px;margin:0;padding:0;list-style:none;display:flex}.social-links a{color:var(--text);background:#ffffff05;border-left:2px solid #0000;border-radius:12px;align-items:center;gap:16px;padding:16px;text-decoration:none;transition:all .3s;display:flex}.social-links a:hover{border-left-color:var(--accent);color:var(--accent);background:#f5a6230d;transform:translate(5px)}.logos{grid-column:1/-1;justify-content:center;gap:40px;padding:40px 0;display:flex}.logo{opacity:.5;filter:grayscale();height:50px;transition:all .4s}.logo:hover{opacity:1;filter:grayscale(0%);transform:scale(1.1)rotate(5deg)}.footer{text-align:center;color:var(--muted);background:#0a110f;border-top:1px solid #3ecfbb1a;margin-top:40px;padding:40px}.footer a{color:var(--primary);text-decoration:none}.footer a:hover{text-decoration:underline}