@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Outfit:wght@400;600;800;900&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#000;--surface:#151516;--card:#ffffff0a;--border:#ffffff1a;--t1:#f5f5f7;--t2:#a1a1a6;--t3:#86868b;--accent:#f5f5f7;--accent-rgb:245,245,247;--accent-glow:#ffffff26;--radius:28px;--transition:cubic-bezier(0.16,1,0.3,1)}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;background:var(--bg);color:#f5f5f7;color:var(--t1);font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Inter,sans-serif;line-height:1.5;overflow-x:hidden}body:after{background-image:url(https://grainy-gradients.vercel.app/noise.svg);content:"";filter:contrast(110%) brightness(110%);height:100%;opacity:.12;pointer-events:none;position:fixed;top:0;width:100%;z-index:9999}.reveal{filter:blur(12px);opacity:0;transform:translateY(30px) scale(.98);transition:opacity 1.2s cubic-bezier(.16,1,.3,1),filter 1.2s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1);will-change:transform,opacity,filter}.reveal.visible{filter:blur(0);opacity:1;transform:translateY(0) scale(1)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.bg-mesh{background:#000;inset:0;overflow:hidden;position:fixed;z-index:-1}.bg-mesh:before{animation:bgRotate 30s linear infinite;background:radial-gradient(ellipse at top,#ffffff1a,#0000 50%),radial-gradient(circle at 50% 50%,#ffffff08 0,#0000 60%);content:"";filter:blur(100px);inset:-50%;position:absolute}.bg-mesh:after{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;content:"";inset:0;-webkit-mask-image:radial-gradient(circle at center,#000,#0000 80%);mask-image:radial-gradient(circle at center,#000,#0000 80%);opacity:.6;position:absolute}@keyframes bgRotate{0%{transform:rotate(0deg) scale(1)}to{transform:rotate(1turn) scale(1.1)}}body:after,body:before{background:var(--accent);content:"";opacity:.05;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:9998}body:before{height:100vh;left:-100px;left:var(--mx,-100px);top:0;width:1px}body:after{height:1px;left:0;top:-100px;top:var(--my,-100px);width:100vw}.glow{animation:auraMove 25s ease-in-out infinite alternate;border-radius:50%;filter:blur(150px);height:80vw;opacity:.2;pointer-events:none;position:absolute;width:80vw}.glow-1{background:#ffffff14;left:-5%;top:-10%}.glow-2{animation-delay:-10s;animation-duration:30s;background:#ffffff0d;bottom:-10%;right:-5%}.glow-follow{animation:none!important;mix-blend-mode:screen;opacity:.1!important;position:fixed!important}@keyframes auraMove{0%{transform:translate(0) scale(1) rotate(0deg)}33%{transform:translate(5%,10%) scale(1.1) rotate(5deg)}66%{transform:translate(-5%,5%) scale(.9) rotate(-5deg)}to{transform:translate(0) scale(1) rotate(0deg)}}.floating-nav{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0e0f1580;border:1px solid var(--border);border-radius:100px;box-shadow:0 10px 40px #0006;display:flex;gap:4px;left:50%;padding:8px;position:fixed;top:32px;transform:translateX(-50%);z-index:1000}.nav-link{border-radius:100px;color:var(--t2);font-size:13px;font-weight:600;padding:10px 24px;text-decoration:none;transition:all .3s var(--transition)}.nav-link.active,.nav-link:hover{background:#ffffff14;color:var(--t1)}.hero-text{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Outfit,sans-serif;font-size:clamp(64px,15vw,130px);font-weight:800;letter-spacing:-4px;line-height:.9;margin-bottom:32px}.hero-text span{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff 30%,#86868b);-webkit-background-clip:text;background-clip:text}.description{color:var(--t2);font-size:22px;font-weight:400;letter-spacing:-.5px;line-height:1.5;margin:0 auto 48px;max-width:700px}.social-pills{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;margin-bottom:48px}.pill{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff14;border-radius:100px;color:var(--t1);display:flex;font-size:15px;font-weight:600;gap:12px;padding:14px 28px;text-decoration:none;transition:all .4s var(--transition)}.pill:hover{background:#ffffff14;border-color:#fff3;transform:scale(1.02)}.pill img,.pill svg{flex-shrink:0;height:20px;object-fit:contain;width:20px}.spotify-widget{align-items:center;backdrop-filter:blur(40px) saturate(150%);-webkit-backdrop-filter:blur(40px) saturate(150%);background:#14141499;border:1px solid #ffffff1a;border-radius:32px;bottom:40px;box-shadow:0 24px 48px #00000080;display:flex;gap:20px;left:40px;min-width:340px;padding:16px 20px;position:fixed;transition:all .5s var(--transition);z-index:1000}.sp-vinyl-box{flex-shrink:0;height:64px;position:relative;width:64px}.sp-img-disc{animation:rotateDisc 10s linear infinite;border:2px solid #000;border-radius:50%;box-shadow:0 4px 15px #00000080;height:100%;object-fit:cover;width:100%}@keyframes rotateDisc{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.sp-vinyl-box:after{background:#000;border:2px solid #ffffff1a;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:12px}.sp-content{flex:1 1;min-width:0}.sp-name{color:var(--accent);font-family:Outfit,sans-serif;font-size:16px;font-weight:800;letter-spacing:1px;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.sp-artist{color:var(--t2);font-size:13px;margin-bottom:12px}.sp-progress-area{width:100%}.sp-bar-full{background:#ffffff14;border-radius:100px;height:4px;margin-bottom:6px;overflow:hidden}.sp-bar-current{background:var(--accent);height:100%;transition:width .3s ease}.sp-time-row{color:var(--t3);display:flex;font-size:10px;font-weight:700;justify-content:space-between}.presence-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#05050566;border:1px solid #ffffff14;border-radius:var(--radius);box-shadow:0 12px 32px #0000004d;display:flex;flex-direction:column;max-width:500px;overflow:hidden;text-align:left;transition:all .4s var(--transition);width:100%}.p-card-content{padding:24px}.p-header-main{align-items:center;display:flex;gap:20px;margin-bottom:20px}.p-avatar{background:#050505;border:2px solid #ffffff1a;border-radius:50%;height:80px;width:80px}.p-card-divider{background:#ffffff1a;height:1px;margin:20px 0}.p-section-title{color:var(--t3);font-size:11px;font-weight:800;letter-spacing:1px;margin-bottom:12px;text-transform:uppercase}.p-avatar-wrap{position:relative}.p-status-dot{border:4px solid var(--bg);border-radius:50%;bottom:5px;height:20px;position:absolute;right:5px;width:20px}.p-status-dot.online{background:#22c55e}.p-status-dot.idle{background:#f59e0b}.p-status-dot.dnd{background:#ef4444}.p-status-dot.offline{background:#71717a}.p-info h3{font-family:Outfit,sans-serif;font-size:24px;font-weight:800}.p-info p{color:var(--t2);font-size:14px}.p-activity-detail{align-items:center;display:flex;gap:16px}.p-act-img-wrap{flex-shrink:0;height:60px;position:relative;width:60px}.p-act-large{border-radius:12px;height:100%;object-fit:cover;width:100%}.p-act-small{border:2px solid #0a0a0a;border-radius:50%;bottom:-4px;height:24px;position:absolute;right:-4px;width:24px}.p-act-text{flex:1 1;min-width:0}.p-act-title{color:var(--t1);font-size:14px;font-weight:800;margin-bottom:2px}.p-act-sub{color:var(--t2);font-size:12px;line-height:1.3}.p-act-dot{background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent);height:8px;width:8px}.p-custom-status{align-items:center;background:#ffffff0d;border-radius:100px;color:var(--t2);display:flex;font-size:14px;gap:8px;margin-top:10px;padding:6px 12px;width:-webkit-fit-content;width:fit-content}section{display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:120px 10%}.section-label{color:var(--accent);font-family:Outfit,sans-serif;font-size:14px;font-weight:800;letter-spacing:3px;margin-bottom:16px;text-transform:uppercase}.section-title{font-family:Outfit,sans-serif;font-size:clamp(32px,8vw,64px);font-weight:900;margin-bottom:60px}.glass-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.glass-card{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);background:#1e1e1e4d;border:1px solid #ffffff14;border-radius:32px;box-shadow:0 10px 30px #0006;overflow:hidden;padding:40px;position:relative}.glass-card,.glass-card:after{transition:all .6s var(--transition)}.glass-card:after{color:var(--t3);content:"+";font-family:monospace;font-size:16px;opacity:.5;position:absolute;right:16px;top:16px}.glass-card:before{background:radial-gradient(circle at 50% 50%,#ffffff14 0,#0000 70%);background:radial-gradient(circle at var(--x,50%) var(--y,50%),#ffffff14 0,#0000 70%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .6s var(--transition)}.glass-card:hover{border-color:#fff3;box-shadow:0 30px 60px #0009;transform:translateY(-12px) scale(1.02)}.glass-card:hover:after{opacity:1;transform:rotate(90deg)}.glass-card:hover:before{opacity:1}@media (max-width:1024px){section{padding:120px 24px}.spotify-widget{bottom:24px;left:24px;min-width:auto;right:24px}.hero-text{font-size:80px;letter-spacing:-3px}}@property --rgb-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spinRGB{0%{--rgb-angle:0deg}to{--rgb-angle:360deg}}.rgb-wrap{border-radius:32px;display:flex;position:relative;transition:all .6s var(--transition);z-index:1}.rgb-wrap:before{z-index:-1}.rgb-wrap:after,.rgb-wrap:before{animation:spinRGB 6s linear infinite;background:conic-gradient(from var(--rgb-angle),red,#ff8000,#ff0,#0f0,#0ff,#00f,#8000ff,#f0f,red);border-radius:34px;content:"";inset:-2px;position:absolute}.rgb-wrap:after{filter:blur(20px);opacity:.3;transition:opacity .4s,animation-duration .4s;z-index:-2}.rgb-wrap:hover{transform:translateY(-12px) scale(1.02)}.rgb-wrap:hover:after,.rgb-wrap:hover:before{animation-duration:1.5s}.rgb-wrap:hover:after{filter:blur(30px);opacity:.7}.rgb-inner{background:#0a0a0af2;border:none!important;width:100%}.rgb-inner:hover{border-color:#0000!important;box-shadow:none!important;transform:none!important}@property --bw-angle{syntax:"<angle>";initial-value:0deg;inherits:false}@keyframes spinBW{0%{--bw-angle:0deg}to{--bw-angle:360deg}}.bw-wrap{border-radius:var(--radius);display:flex;margin:32px auto 0;max-width:500px;position:relative;transition:all .6s var(--transition);width:100%;z-index:10}.bw-wrap:before{z-index:-1}.bw-wrap:after,.bw-wrap:before{animation:spinBW 8s linear infinite;background:conic-gradient(from var(--bw-angle),#fff,#888,#444,#111,#444,#888,#fff);border-radius:calc(var(--radius) + 2px);content:"";inset:-2px;position:absolute}.bw-wrap:after{filter:blur(20px);opacity:.2;transition:opacity .5s,filter .5s,animation-duration .5s;z-index:-2}.bw-wrap:hover{transform:translateY(-8px) scale(1.03)}.bw-wrap:hover:after,.bw-wrap:hover:before{animation-duration:2s}.bw-wrap:hover:after{filter:blur(40px);opacity:.8}.bw-inner{background:#050505fa!important;border:none!important;margin:0!important;width:100%}.bw-inner:hover{box-shadow:none!important;transform:none!important}.app-root{transition:background .8s var(--transition)}.app-root:has(.bw-wrap:hover) .bg-mesh{filter:brightness(.1) blur(10px);opacity:.2}.app-root:has(.bw-wrap:hover) section#home>:not(.bw-wrap){filter:blur(5px);opacity:.15;transform:scale(.98)}#home>*,.bg-mesh{transition:all .8s var(--transition)}
/*# sourceMappingURL=main.2f3009da.css.map*/