@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap");*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;background:#020207;color:#fff;font-family:Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.site{min-height:100vh;background:#020207;position:relative;overflow-x:hidden}.background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-10;filter:brightness(.35) contrast(1.12) saturate(1.2);pointer-events:none}.background-overlay{position:fixed;inset:0;z-index:-9;background:radial-gradient(circle at 50% 38%,rgba(105,72,255,.18),transparent 34%),linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.58) 55%,rgba(0,0,0,.94))}.noise{position:fixed;inset:0;z-index:-8;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.navbar{position:fixed;top:22px;left:50%;transform:translateX(-50%);width:min(92%,1160px);height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 18px 0 25px;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:rgba(4,4,12,.55);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.05);z-index:100}.logo{font-size:22px;font-weight:900;letter-spacing:-1.2px}.logo span{color:#845dff}.nav-links{display:flex;align-items:center;gap:30px}.nav-links a{color:rgba(255,255,255,.72);font-size:12px;font-weight:600;transition:.25s}.nav-links a:hover{color:#fff}.connect{padding:12px 21px;border-radius:999px;color:#fff!important;background:linear-gradient(135deg,rgba(124,91,255,.28),rgba(217,70,239,.12));border:1px solid rgba(145,102,255,.45);box-shadow:0 0 30px rgba(112,76,255,.15)}.menu-button{display:none;border:0;background:transparent;color:#fff;font-size:24px}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:145px 20px 90px;text-align:center;position:relative}.hero-content{width:100%;max-width:1000px;animation:heroIn 1.2s ease forwards}@keyframes heroIn{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}.profile-container{width:180px;height:180px;margin:0 auto 28px;position:relative;display:flex;align-items:center;justify-content:center}.profile-glow{inset:-20px;background:radial-gradient(circle,rgba(123,87,255,.28),transparent 65%);filter:blur(15px)}.profile-glow,.profile-ring{position:absolute;border-radius:50%}.profile-ring{inset:-5px;background:conic-gradient(from 0deg,#38bdf8,#7657ff,#d946ef,#7657ff,#38bdf8);animation:ringRotate 6s linear infinite}.profile-ring:after{content:"";position:absolute;inset:4px;background:#050509;border-radius:50%}@keyframes ringRotate{to{transform:rotate(1turn)}}.profile{position:relative;width:170px;height:170px;overflow:hidden;border-radius:50%;border:5px solid #050509;z-index:2;box-shadow:0 0 0 1px rgba(255,255,255,.18),0 20px 70px rgba(0,0,0,.8)}.profile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.08);transition:opacity .8s ease,transform 1s ease}.profile img.active{opacity:1;transform:scale(1)}.online{position:absolute;width:24px;height:24px;right:3px;bottom:15px;border-radius:50%;background:#3cff8a;border:5px solid #050509;z-index:5;box-shadow:0 0 18px #3cff8a,0 0 35px rgba(60,255,138,.4)}.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:20px;font-size:11px;font-weight:800;letter-spacing:5px;color:#a477ff;text-transform:uppercase}.eyebrow:after,.eyebrow:before{content:"";width:25px;height:1px;background:linear-gradient(90deg,transparent,#8b5cf6)}.eyebrow:after{background:linear-gradient(90deg,#8b5cf6,transparent)}.hero h1{font-size:clamp(58px,10vw,112px);line-height:.9;letter-spacing:-7px;font-weight:900;margin-bottom:25px;background:linear-gradient(100deg,#fff 15%,#fff 48%,#9a6cff 72%,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 20px 50px rgba(125,88,255,.12))}.hero h1 span{background:linear-gradient(90deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.description{max-width:630px;margin:0 auto;color:rgba(255,255,255,.67);font-size:16px;line-height:1.8}.buttons{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}.btn,.buttons{justify-content:center}.btn{min-width:165px;padding:15px 23px;display:inline-flex;align-items:center;gap:9px;border-radius:999px;color:#fff;font-size:13px;font-weight:700;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.055);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:transform .3s,box-shadow .3s,background .3s}.btn-primary{border:none;background:linear-gradient(100deg,#6147ff,#c337e8);box-shadow:0 12px 35px rgba(116,68,255,.3)}.btn:hover{transform:translateY(-4px);box-shadow:0 15px 40px rgba(0,0,0,.35)}.socials{display:flex;justify-content:center;gap:12px;margin-top:28px}.social{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;color:#fff;font-size:11px;font-weight:800;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.045);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);transition:.3s}.social:hover{transform:translateY(-5px) scale(1.05);border-color:rgba(139,92,246,.65);box-shadow:0 10px 30px rgba(112,76,255,.2)}.scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;color:rgba(255,255,255,.38);font-size:9px;letter-spacing:4px}.arrow{width:20px;height:20px;border-right:1px solid rgba(255,255,255,.5);border-bottom:1px solid rgba(255,255,255,.5);transform:rotate(45deg);animation:arrowMove 1.5s infinite}@keyframes arrowMove{0%,to{transform:rotate(45deg) translate(0);opacity:.3}50%{transform:rotate(45deg) translate(5px,5px);opacity:1}}.section{padding:110px 20px}.card{width:min(1050px,100%);margin:auto;padding:50px;border-radius:30px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.045);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 30px 100px rgba(0,0,0,.45)}.section-label{display:block;color:#a477ff;font-size:10px;font-weight:800;letter-spacing:5px;margin-bottom:15px}.card h2{font-size:clamp(35px,6vw,65px);letter-spacing:-4px;margin-bottom:18px;line-height:.95}.card>p{max-width:760px;color:rgba(255,255,255,.6);line-height:1.8;font-size:15px}.profile-card{display:flex;align-items:center;gap:15px;margin-top:35px}.profile-card img{width:64px;height:64px;object-fit:cover;border-radius:50%;border:3px solid rgba(139,92,246,.7);box-shadow:0 0 25px rgba(112,76,255,.2)}.profile-card strong{display:block;font-size:14px}.profile-card span{display:block;margin-top:6px;color:rgba(255,255,255,.35);font-size:9px;letter-spacing:2px}.notification-section{padding-top:0}.notification{border-color:rgba(139,92,246,.25);background:rgba(115,82,255,.07)}.notification small{color:#a477ff;font-size:9px;font-weight:800;letter-spacing:4px}.notification p{margin-top:8px;color:rgba(255,255,255,.7)}.custom-text-card{margin-top:25px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(255,255,255,.025)}.custom-text-card h3{margin-bottom:8px}.custom-text-card p{color:rgba(255,255,255,.6);line-height:1.8}footer{padding:45px 28px 65px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px 35px;text-align:center;position:relative;z-index:5;border-top:1px solid rgba(255,255,255,.08);color:rgba(255,255,255,.32);font-size:10px}.footer-logo{font-weight:900;letter-spacing:3px;color:#fff}.customer-support{display:flex;flex-direction:column;gap:5px}.customer-support a{color:#a477ff;font-weight:700}.customer-support small{font-size:8px;color:rgba(255,255,255,.28)}.music-player{position:fixed;right:28px;bottom:25px;width:270px;padding:12px;display:flex;align-items:center;gap:12px;border-radius:20px;border:1px solid rgba(255,255,255,.14);background:rgba(8,8,15,.68);backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 20px 60px rgba(0,0,0,.5);z-index:100;color:#fff;text-align:left;transition:.25s}.music-player:hover{transform:translateY(-3px)}.music-cover{width:48px;height:48px;flex-shrink:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.15)}.music-cover img{width:100%;height:100%;object-fit:cover}.music-info{min-width:0;flex:1 1}.music-info strong{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.music-info small{display:block;margin-top:5px;color:rgba(255,255,255,.45);font-size:9px}.music-button{width:43px;height:43px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,#7255ff,#c33de9);box-shadow:0 8px 25px rgba(115,73,255,.35)}.music-player.playing .music-cover{animation:albumRotate 5s linear infinite}@keyframes albumRotate{to{transform:rotate(1turn)}}.loader{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:#020207;pointer-events:none;opacity:0;visibility:hidden;transition:.5s}.loader.visible{opacity:1;visibility:visible}.loader-logo{font-size:50px;font-weight:900;background:linear-gradient(135deg,#8b5cf6,#d946ef);-webkit-background-clip:text;background-clip:text;color:transparent}.loader-line{position:absolute;bottom:15%;width:120px;height:1px;background:linear-gradient(90deg,transparent,#a78bfa,transparent);animation:loader 1.2s infinite}@keyframes loader{0%{transform:scaleX(0);opacity:0}50%{transform:scaleX(1);opacity:1}to{transform:scaleX(0);opacity:0}}@media(max-width:700px){.navbar{top:12px;height:60px;padding:0 18px}.logo{font-size:19px}.nav-links{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;gap:0;padding:14px 20px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:rgba(4,4,12,.9);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.nav-links.open{display:flex}.nav-links a{padding:13px 5px}.connect{text-align:center;margin-top:5px}.menu-button{display:block}.hero{padding:120px 20px 110px}.profile-container{width:140px;height:140px}.profile{width:132px;height:132px}.hero h1{font-size:60px;letter-spacing:-4px}.description{font-size:14px}.buttons{width:min(100%,330px);margin-left:auto;margin-right:auto;flex-direction:column}.btn{width:100%}.scroll{display:none}.section{padding:75px 15px}.card{padding:30px 22px}.card h2{letter-spacing:-2px}.music-player{left:15px;right:15px;bottom:15px;width:auto}.customer-support{width:100%}footer{padding-bottom:105px}}