@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#fff;background:#050505;font-family:Inter,Arial,sans-serif;overflow-x:hidden}nav{z-index:10;justify-content:space-between;align-items:center;width:100%;padding:24px 5%;display:flex;position:relative}nav h2,nav .logo{color:#fff;font-size:24px;font-weight:700}nav div{align-items:center;gap:28px;display:flex}nav a{color:#a1a1aa;font-size:14px;text-decoration:none;transition:color .25s}nav a:hover{color:#fff}.page{max-width:1100px;margin:0 auto;padding:100px 24px}.hero{text-align:center;isolation:isolate;flex-direction:column;justify-content:center;align-items:center;min-height:760px;display:flex;position:relative}.hero:before{content:"";filter:blur(45px);z-index:-1;pointer-events:none;background:radial-gradient(circle,#5b21b62e 0%,#4c1d951a 35%,#0000 70%);width:700px;height:600px;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)}.hero-badge{color:#a1a1aa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff06;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;margin-bottom:42px;padding:10px 18px;font-size:14px;display:inline-flex}.hero-badge:before{content:"";background:#fff;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #ffffffb3}.hero-label{color:#71717a;letter-spacing:7px;margin-bottom:18px;font-size:13px;font-weight:600}.hero h1{letter-spacing:-5px;max-width:900px;margin:0 auto 28px;font-size:clamp(52px,7vw,88px);font-weight:800;line-height:.98}.hero h1 span{color:#77777f}.hero-description{color:#a1a1aa;max-width:650px;margin:0 auto 40px;font-size:20px;line-height:1.7}.buttons{justify-content:center;align-items:center;gap:18px;display:flex}.button{border-radius:12px;justify-content:center;align-items:center;min-width:175px;padding:17px 28px;font-size:15px;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s,border-color .25s,background .25s;display:inline-flex}.button:hover{transform:translateY(-3px)}.button.primary{color:#050505;background:#fff;box-shadow:0 0 25px #ffffff14,0 10px 35px #ffffff0d}.button.primary:hover{box-shadow:0 0 25px #ffffff38,0 15px 45px #ffffff1a}.button.secondary{color:#fff;background:#5b21b60a;border:1px solid #8b5cf673;box-shadow:0 0 #7c3aed00}.button.secondary:hover{border-color:#8b5cf6d9;box-shadow:0 0 20px #7c3aed40,0 0 45px #7c3aed1a}section{position:relative}.section-label{color:#71717a;letter-spacing:5px;text-transform:uppercase;margin-bottom:18px;font-size:11px;font-weight:600}section h2{letter-spacing:-4px;max-width:750px;margin-bottom:45px;font-size:clamp(42px,6vw,68px);line-height:1}section h2 span{color:#71717a}.projects-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.project-card{background:radial-gradient(circle at 100% 0,#5b21b621,#0000 55%),#ffffff06;border:1px solid #ffffff14;border-radius:16px;min-height:230px;padding:28px;transition:transform .3s,border-color .3s,box-shadow .3s;position:relative;overflow:hidden}.project-card:hover{border-color:#8b5cf659;transform:translateY(-6px);box-shadow:0 15px 50px #00000059,0 0 35px #5b21b614}.project-number{color:#52525b;letter-spacing:3px;margin-bottom:38px;font-size:11px}.project-card h3{color:#fff;margin-bottom:12px;font-size:20px}.project-card p{color:#8b8b93;font-size:14px;line-height:1.7}.about{margin-top:150px}.about p{color:#a1a1aa;max-width:700px;font-size:18px;line-height:1.8}.channels{margin-top:150px}.channel-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.channel-card{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;padding:28px;transition:transform .25s,border-color .25s}.channel-card:hover{border-color:#8b5cf659;transform:translateY(-4px)}.channel-card h3{margin-bottom:10px}.channel-card p{color:#8b8b93;line-height:1.6}.contact{text-align:center;margin-top:150px}.contact p{color:#a1a1aa;max-width:600px;margin:0 auto 30px;line-height:1.7}footer{text-align:center;color:#52525b;border-top:1px solid #ffffff12;margin-top:150px;padding:40px 24px;font-size:13px}@media (max-width:800px){nav{padding:20px}nav div{gap:16px}nav a{font-size:12px}.page{padding:70px 18px}.hero{min-height:700px;padding:30px 0}.hero:before{width:500px;height:500px}.hero-badge{margin-bottom:32px;font-size:12px}.hero-label{letter-spacing:5px;font-size:10px}.hero h1{letter-spacing:-4px;max-width:650px;font-size:clamp(48px,13vw,70px)}.hero-description{max-width:500px;font-size:16px}.projects-grid,.channel-grid{grid-template-columns:1fr}section h2{font-size:clamp(42px,12vw,60px)}}@media (max-width:520px){nav{padding:18px 16px}nav h2,nav .logo{font-size:20px}nav div{gap:13px}nav a{font-size:11px}.page{padding:50px 16px}.hero{min-height:680px}.hero:before{width:380px;height:420px}.hero h1{letter-spacing:-3px;font-size:clamp(48px,14vw,64px)}.hero-description{font-size:15px;line-height:1.65}.buttons{flex-direction:column;width:100%}.button{width:100%;max-width:270px}.project-card{min-height:auto}}.page-description{color:#a1a1aa;max-width:650px;margin-bottom:60px;font-size:17px;line-height:1.7}.featured-project{background:radial-gradient(circle at 80% 20%,#6366f12e,#0000 45%),radial-gradient(circle at 20% 90%,#a855f71a,#0000 45%),#ffffff05;border:1px solid #8b5cf640;flex-direction:column;justify-content:space-between;min-height:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 50px #6366f10f,inset 0 0 50px #a855f706}.featured-project:before{content:"";filter:blur(80px);pointer-events:none;background:#6366f11f;border-radius:50%;width:300px;height:300px;position:absolute;top:-120px;right:-120px}.featured-project h2{letter-spacing:-3px;margin:15px 0;font-size:clamp(36px,5vw,58px);position:relative}.featured-project>div:first-child>p:last-child{color:#a1a1aa;max-width:650px;font-size:16px;line-height:1.8;position:relative}.project-links{gap:14px;margin-top:40px;display:flex;position:relative}.project-links .button{min-width:140px}@media (max-width:600px){.featured-project{min-height:450px}.project-links{flex-direction:column}.project-links .button{width:100%}}.about-page h1 span{color:#71717a}.about-intro{color:#a1a1aa;max-width:720px;margin-top:35px;font-size:20px;line-height:1.8}.about-content{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:90px;display:grid}.about-content>div{background:#ffffff05;border:1px solid #8b5cf629;border-radius:16px;padding:30px}.about-content h2{margin-bottom:15px;font-size:22px}.about-content p{color:#a1a1aa;line-height:1.8}@media (max-width:700px){.about-content{grid-template-columns:1fr;margin-top:60px}}.channel-card a{color:#c4b5fd;margin-top:25px;font-size:14px;font-weight:600;display:inline-block}.channel-card a:hover{color:#fff}