@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/0da54fcd0470ea43-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/680a7121f7a85e3f-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Syne_2c1f05;font-style:normal;font-weight:800;font-display:swap;src:url(/_next/static/media/8a1d8947e5852e30-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Syne_Fallback_2c1f05;src:local("Arial");ascent-override:93.93%;descent-override:27.93%;line-gap-override:0.00%;size-adjust:98.47%}.__className_2c1f05{font-family:__Syne_2c1f05,__Syne_Fallback_2c1f05;font-style:normal}.__variable_2c1f05{--font-display:"__Syne_2c1f05","__Syne_Fallback_2c1f05"}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/7ab938503e4547a1-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__DM_Sans_0eeb07;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/13971731025ec697-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__DM_Sans_Fallback_0eeb07;src:local("Arial");ascent-override:94.90%;descent-override:29.66%;line-gap-override:0.00%;size-adjust:104.53%}.__className_0eeb07{font-family:__DM_Sans_0eeb07,__DM_Sans_Fallback_0eeb07;font-style:normal}.__variable_0eeb07{--font-body:"__DM_Sans_0eeb07","__DM_Sans_Fallback_0eeb07"}.heroSection{min-height:100vh;background:transparent;color:#fff;position:relative;scroll-behavior:smooth}.starsBackground{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.star{position:absolute;width:2px;height:2px;background:hsla(0,0%,100%,.8);border-radius:50%;box-shadow:0 0 3px hsla(0,0%,100%,.5);animation:starFloat linear infinite;bottom:-10px}@keyframes starFloat{0%{transform:translateY(0) translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100vh) translateX(20px);opacity:0}}.nav{position:fixed;top:16px;left:50%;transform:translateX(-50%);z-index:100;justify-content:space-between;padding:10px 20px;background:hsla(0,0%,4%,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid hsla(270,55%,70%,.16);border-radius:14px;width:calc(100% - 80px);max-width:1100px;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.04);transition:max-width .6s cubic-bezier(.34,1.4,.64,1),background .3s ease,box-shadow .3s ease}.nav,.navBrand{display:flex;align-items:center}.navBrand{gap:6px;font-size:15px;font-weight:600;color:hsla(0,0%,100%,.95)}.navBrand svg{width:14px;height:14px}.navCenter{gap:2px;flex:1 1;justify-content:center}.navCenter,.navRight{display:flex;align-items:center}.navRight{gap:10px}.navLink{display:flex;align-items:center;gap:6px;font-size:13px;color:hsla(0,0%,100%,.55);text-decoration:none;transition:color .2s ease,background .2s ease;cursor:pointer;padding:6px 12px;border-radius:8px}.navLink:hover{color:#fff;background:hsla(270,45%,65%,.14)}.navLink svg{width:14px;height:14px}.navStatus{white-space:nowrap}.navFlag,.navStatus{display:flex;align-items:center;gap:8px;padding:6px 12px;border-radius:8px;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16)}.navFlag{cursor:pointer;transition:background .2s ease}.navFlag:hover{background:hsla(270,45%,65%,.14)}.navScrolled{max-width:680px;background:rgba(8,8,8,.96);box-shadow:0 4px 24px rgba(0,0,0,.6),inset 0 1px 0 hsla(0,0%,100%,.04)}.navScrolled .navFlag{display:none}.flagText{font-size:13px;color:hsla(0,0%,100%,.7)}.statusDot{width:10px;height:10px;display:flex;align-items:center;justify-content:center}.statusText{font-size:13px;color:hsla(0,0%,100%,.9)}.statusFlag{font-size:14px}.heroContent{display:flex;flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding:110px 60px 60px;min-height:100vh}.heroTop{display:flex;align-items:center;justify-content:space-between;gap:60px}.heroLeft{display:flex;flex-direction:column;gap:40px;flex:1 1}.cardsRow{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;width:100%}.bottomSection{width:100%;display:flex;flex-direction:column;gap:16px}.sectionTitle{text-align:center;margin-top:60px!important;margin-bottom:0;font-size:18px!important;font-weight:700!important;letter-spacing:4px!important;text-transform:uppercase;position:relative;display:flex!important;align-items:center;justify-content:center;gap:16px}.sectionTitle strong{background:linear-gradient(90deg,hsla(0,0%,100%,.5),hsla(0,0%,100%,.95) 40%,hsla(0,0%,100%,.5));background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:sectionShimmer 4s linear infinite;font-weight:700}.sectionTitle:after,.sectionTitle:before{content:"";flex:1 1;max-width:120px;height:1px;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.25));box-shadow:0 0 8px hsla(0,0%,100%,.15)}.sectionTitle:after{background:linear-gradient(90deg,hsla(0,0%,100%,.25),transparent)}@keyframes sectionShimmer{0%{background-position:200%}to{background-position:-200%}}.heroTitle{font-size:72px;font-weight:700;line-height:1.1;letter-spacing:-2px;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.heroTitle strong{font-weight:900}.heroTitle .italic{font-style:italic;font-weight:600;color:hsla(0,0%,100%,.7)}.cursor{display:inline-block;width:3px;background:hsla(0,0%,100%,.85);margin-left:4px;border-radius:2px;vertical-align:baseline;animation:blink_ 1.1s step-start infinite;color:transparent;position:relative;top:-4px}@keyframes blink_{0%,to{opacity:1}50%{opacity:0}}.fadeInUp{opacity:0;transform:translateY(24px);animation:fadeInUp .7s cubic-bezier(.22,1,.36,1) forwards}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.fadeDelay0{animation-delay:.1s}.fadeDelay1{animation-delay:.25s}.fadeDelay2{animation-delay:.4s}.fadeDelay3{animation-delay:.55s}.fadeDelay4{animation-delay:.7s}.fadeDelay5{animation-delay:.85s}.heroSubtitle{font-size:16px;color:hsla(0,0%,100%,.6);line-height:1.6;max-width:500px;margin-top:20px}.heroQuote{font-size:14px;font-style:italic;color:hsla(0,0%,100%,.5);margin-top:12px}.heroButtons{display:flex;gap:12px;margin-top:28px}.btnPrimary,.btnSecondary{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);text-decoration:none;border:none;outline:none}.btnPrimary{background:hsla(0,0%,100%,.95);color:#000;border:1px solid hsla(0,0%,100%,.2)}.btnPrimary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 24px hsla(0,0%,100%,.15)}.btnPrimary:active{transform:translateY(0)}.btnSecondary{background:hsla(0,0%,100%,.05);color:hsla(0,0%,100%,.9);border:1px solid hsla(0,0%,100%,.15)}.btnSecondary:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.25);transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.3)}.btnSecondary:active{transform:translateY(0)}.profileCard{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:linear-gradient(135deg,rgba(28,12,48,.88),rgba(18,8,34,.82));border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);overflow:visible;transition:border-color .3s ease,box-shadow .3s ease}.profileCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 60px hsla(0,0%,100%,.05)}.profileCard:before{content:"";inset:0;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:0;border-radius:16px}.cornerAction,.profileCard:before{position:absolute;pointer-events:none}.cornerAction{top:14px;right:14px;z-index:2;width:36px;height:36px;border-radius:10px;border:1px solid hsla(270,55%,70%,.16);background:rgba(0,0,0,.35);color:hsla(0,0%,100%,.65);display:grid;place-items:center;cursor:pointer;opacity:0;transform:translateY(4px);transition:all .3s ease;text-decoration:none}.profileCard:hover .cornerAction{opacity:1;transform:translateY(0);pointer-events:auto}.cornerAction:hover{transform:translateY(-2px);color:hsla(0,0%,100%,.95);background:rgba(0,0,0,.6);box-shadow:0 4px 12px rgba(0,0,0,.3)}.profileHeader{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.profileAvatar{position:relative;width:80px;height:80px;border-radius:50%;overflow:visible;flex-shrink:0;cursor:pointer;transition:transform .2s ease,opacity .2s ease;-webkit-tap-highlight-color:rgba(255,255,255,.1);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.profileAvatar:active{transform:scale(.95);opacity:.8}.profileAvatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.profileAvatarStatus{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;z-index:2}.profileInfo{flex:1 1}.profileName{font-size:20px;font-weight:700;margin-bottom:4px;color:hsla(0,0%,100%,.95)}.profileUsername{font-size:14px;color:hsla(0,0%,100%,.5);margin-bottom:12px}.profileBadges{display:flex;gap:8px;align-items:center}.profileBadge{width:22px;height:22px;-o-object-fit:contain;object-fit:contain}.profileBadgeSkeleton{width:22px;height:22px;background:hsla(0,0%,100%,.1);border-radius:50%;animation:pulse 1.5s ease-in-out infinite}.profileSocial{display:flex;gap:8px;margin-top:12px}.socialIcon{width:20px;height:20px;opacity:.7;transition:opacity .2s ease;cursor:pointer}.socialIcon:hover{opacity:1}.profileMeta{display:flex;align-items:center;gap:4px;font-size:12px;color:hsla(0,0%,100%,.5)}.profileMeta,.profileSocialSection{margin-top:16px;padding-top:16px;border-top:1px solid hsla(270,40%,65%,.12)}.profileSocialHeader{display:flex;align-items:center;gap:8px;color:hsla(0,0%,100%,.9);font-size:12px;font-weight:600;margin-bottom:12px}.profileSocialLine{flex:1 1;height:1px;background:hsla(0,0%,100%,.1)}.profileSocialRow{display:flex;gap:8px}.profileSocialBtn{width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;border:none;outline:none;color:#fff;text-decoration:none;cursor:pointer;background:#1a1a1a;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease;box-shadow:0 8px 16px rgba(0,0,0,.35)}.profileSocialBtn:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 12px 24px rgba(0,0,0,.4)}.profileSocialSp svg{color:#1db954}.profileSocialIg,.profileSocialTt{background:#1a1a1a}.musicCard{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:linear-gradient(135deg,rgba(28,12,48,.88),rgba(18,8,34,.82));border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);height:100%;display:flex;flex-direction:column;overflow:visible;transition:border-color .3s ease,box-shadow .3s ease}.musicCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 60px hsla(0,0%,100%,.05)}.musicCard:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:0;border-radius:16px}.musicHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;z-index:1}.musicTitle{gap:8px;font-size:12px;font-weight:600;color:hsla(0,0%,100%,.6)}.musicLive,.musicTitle{display:flex;align-items:center;text-transform:uppercase;letter-spacing:.5px}.musicLive{gap:6px;padding:4px 10px;border-radius:6px;background:rgba(29,185,84,.1);border:1px solid rgba(29,185,84,.3);font-size:10px;font-weight:700;color:#1db954}.musicLiveDot{width:6px;height:6px;border-radius:50%;background:#1db954;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.musicContent{display:flex;gap:16px;flex:1 1;position:relative;z-index:1}.musicCover{width:80px;height:80px;border-radius:8px;-o-object-fit:cover;object-fit:cover;flex-shrink:0}.musicInfo{flex:1 1;min-width:0;display:flex;flex-direction:column}.musicTrack{font-size:15px;font-weight:700;color:hsla(0,0%,100%,.95);margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.musicArtist{font-size:12px;color:hsla(0,0%,100%,.5);margin-bottom:12px}.musicProgress{width:100%;height:4px;background:hsla(0,0%,100%,.1);border-radius:2px;overflow:hidden;margin-bottom:8px}.musicProgressBar{height:100%;background:#1db954;border-radius:2px;transition:width 1s linear}.musicTime{font-size:11px;color:hsla(0,0%,100%,.5)}.musicStatus,.musicTime{display:flex;justify-content:space-between}.musicStatus{align-items:center;margin-top:16px;padding-top:16px;border-top:1px solid hsla(270,40%,65%,.12);position:relative;z-index:1}.musicStatusLabel{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px}.musicStatusValue{font-size:12px;color:hsla(0,0%,100%,.9)}.musicStatusEmpty{font-size:13px;color:hsla(0,0%,100%,.5);text-align:center;padding:40px 20px}.badgesSection{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:24px;backdrop-filter:blur(20px);overflow:visible;transition:border-color .3s ease,box-shadow .3s ease}.badgesSection:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 60px hsla(0,0%,100%,.05)}.badgesSection:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:0;border-radius:16px}.badgesHeader{margin-bottom:20px;position:relative;z-index:1}.badgesTitle{font-size:16px;font-weight:700;color:hsla(0,0%,100%,.95);margin-bottom:4px}.badgesSubtitle{font-size:12px;color:hsla(0,0%,100%,.5)}.badgesGrid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:16px;gap:16px;position:relative;z-index:1}.badgeCard{background:hsla(0,0%,100%,.02);border:1px solid hsla(270,40%,65%,.12);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px;transition:all .2s ease}.badgeCard:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1);transform:translateY(-2px)}.badgeCardHeader{display:flex;align-items:center;gap:6px;font-size:10px;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.badgeCardLabel{flex:1 1}.badgeCardNext{color:hsla(0,0%,100%,.4)}.badgeCardBody{display:flex;align-items:center;gap:8px}.badgeCardStatus{font-size:10px;color:hsla(0,0%,100%,.5);text-transform:uppercase;letter-spacing:.5px;font-weight:600}.badgeCardName{flex:1 1;font-size:18px;font-weight:700;color:hsla(0,0%,100%,.95);display:flex;align-items:center;gap:8px}.badgeCardMax{font-size:12px;color:hsla(0,0%,100%,.5);font-weight:600}.badgeProgressBar{width:100%;height:6px;background:hsla(270,55%,70%,.16);border-radius:3px;overflow:hidden}.badgeProgressFill{height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width .3s ease}.badgeCardFooter{display:flex;align-items:center;gap:6px;font-size:11px;color:hsla(0,0%,100%,.4);padding-top:4px;border-top:1px solid hsla(0,0%,100%,.04)}.deviceSection{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:24px;backdrop-filter:blur(20px);overflow:visible;transition:border-color .3s ease,box-shadow .3s ease}.deviceSection:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 60px hsla(0,0%,100%,.05)}.deviceSection:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsla(0,0%,100%,.1),transparent 40%);z-index:0;border-radius:16px}.deviceHeaderCentered{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;margin-bottom:20px;position:relative;z-index:1}.deviceHeaderIcon{color:hsla(0,0%,100%,.7);margin-bottom:4px}.deviceTitle{font-size:20px;font-weight:700;color:hsla(0,0%,100%,.95)}.deviceSubtitle{font-size:12px;color:hsla(0,0%,100%,.5)}.deviceDisplay{flex-direction:column;gap:16px;margin-bottom:24px;padding:24px 32px;background:hsla(0,0%,100%,.02);border:1px solid hsla(270,40%,65%,.12);border-radius:16px;z-index:1}.deviceDisplay,.deviceModel{display:flex;align-items:center;position:relative}.deviceModel{width:200px;height:340px;justify-content:center;background:rgba(20,20,22,.85);border:1px solid hsla(270,55%,70%,.16);border-radius:24px;overflow:hidden}.deviceModelPlaceholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,hsla(0,0%,100%,.04) 0,transparent 70%)}.deviceModelIcon{font-size:80px;opacity:.35;animation:float 6s ease-in-out infinite}.deviceModelLabelBadge{font-size:13px;font-weight:600;color:hsla(0,0%,100%,.85);background:hsla(270,45%,65%,.14);border:1px solid hsla(0,0%,100%,.12);border-radius:8px;padding:5px 14px}.deviceRealtimeBtn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.12);border-radius:10px;color:hsla(0,0%,100%,.9);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.deviceRealtimeBtn:hover{background:hsla(0,0%,100%,.09);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}.deviceRealtimeBtn:active{transform:translateY(0)}.deviceStats{display:grid;grid-template-columns:repeat(6,1fr);grid-gap:10px;gap:10px;position:relative;z-index:1}.deviceStatCard{background:hsla(0,0%,100%,.02);border:1px solid hsla(270,45%,65%,.14);border-radius:12px;padding:14px 10px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;transition:background .2s ease,border-color .2s ease;min-width:0}.deviceStatCard:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.12)}.deviceStatCardBattery{border-color:rgba(34,197,94,.35);background:rgba(34,197,94,.05)}.deviceStatCardBattery:hover{border-color:rgba(34,197,94,.5);background:rgba(34,197,94,.08)}.deviceStatCardBattery .deviceStatIcon,.deviceStatCardBattery .deviceStatValue{color:#22c55e}.deviceStatIcon{color:hsla(0,0%,100%,.55);display:flex;align-items:center;justify-content:center}.deviceStatValue{font-size:15px}.deviceStatValue,.deviceStatValueLarge{font-weight:700;color:hsla(0,0%,100%,.95);line-height:1.1}.deviceStatValueLarge{font-size:13px}.deviceStatLabel{font-size:10px;color:hsla(0,0%,100%,.45);line-height:1.3}.deviceStatBar{width:100%;height:3px;background:hsla(270,55%,70%,.16);border-radius:2px;overflow:hidden;margin:2px 0}.deviceStatBarFillGreen{height:100%;background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:2px}.deviceStatBarFillOrange{height:100%;background:linear-gradient(90deg,#f97316,#fb923c);border-radius:2px}.deviceStatBarFillBlue{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:2px}@keyframes waveDown{0%{transform:translateY(0)}30%{transform:translateY(10px)}60%{transform:translateY(0)}to{transform:translateY(0)}}.deviceStatWave0{animation:waveDown .6s ease-in-out 0ms both}.deviceStatWave1{animation:waveDown .6s ease-in-out 80ms both}.deviceStatWave2{animation:waveDown .6s ease-in-out .16s both}.deviceStatWave3{animation:waveDown .6s ease-in-out .24s both}.deviceStatWave4{animation:waveDown .6s ease-in-out .32s both}.deviceStatWave5{animation:waveDown .6s ease-in-out .4s both}.heroRight{position:relative;display:flex;align-items:flex-start;justify-content:center;perspective:1200px;flex-shrink:0;margin-top:20px;margin-bottom:40px}.planet{width:180px;height:180px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#4a4a4a 0,#2a2a2a 40%,#1a1a1a 70%,#0a0a0a 100%);box-shadow:inset -20px -20px 40px rgba(0,0,0,.9),inset 10px 10px 20px hsla(0,0%,100%,.05),0 0 60px rgba(0,0,0,.8),0 0 100px hsla(0,0%,100%,.1);position:relative;z-index:10;animation:float 8s ease-in-out infinite;transform-style:preserve-3d}.planet:before{top:20%;left:20%;width:30%;height:30%;background:radial-gradient(circle,hsla(0,0%,100%,.2) 0,transparent 70%);filter:blur(10px)}.planet:after,.planet:before{content:"";position:absolute;border-radius:50%}.planet:after{inset:0;background:radial-gradient(circle at 30% 30%,hsla(270,55%,70%,.16) 0,transparent 40%),radial-gradient(circle at 70% 70%,rgba(0,0,0,.6) 0,transparent 50%)}.planetRing{position:absolute;border-radius:50%;top:50%;left:50%;transform-style:preserve-3d;pointer-events:none;border-style:solid;z-index:5}.planetRing:first-child{width:290px;height:290px;border-width:1.5px;border-color:hsla(0,0%,100%,.15);transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(0deg);box-shadow:inset 0 0 20px hsla(270,55%,70%,.16),0 0 20px hsla(270,55%,70%,.16);animation:ringRotate1 15s linear infinite}.planetRing:nth-child(2){width:340px;height:340px;border-width:1.5px;border-color:hsla(0,0%,100%,.12);transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(30deg);box-shadow:inset 0 0 18px hsla(270,40%,65%,.12),0 0 18px hsla(270,40%,65%,.12);animation:ringRotate2 20s linear infinite reverse}.planetRing:nth-child(3){width:390px;height:390px;border-width:1.5px;border-color:hsla(0,0%,100%,.1);transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(60deg);box-shadow:inset 0 0 16px hsla(0,0%,100%,.05),0 0 16px hsla(0,0%,100%,.05);animation:ringRotate3 25s linear infinite}.planetRing:nth-child(4){width:440px;height:440px;border-width:1px;border-color:hsla(270,55%,70%,.16);transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(90deg);box-shadow:inset 0 0 14px hsla(0,0%,100%,.04),0 0 14px hsla(0,0%,100%,.04);animation:ringRotate4 30s linear infinite reverse}.planetOrbitDot{position:absolute;top:50%;left:50%;width:340px;height:340px;transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg);transform-style:preserve-3d;animation:orbitDot 8s linear infinite;pointer-events:none;z-index:15}.planetOrbitDot:before{content:"✦";position:absolute;top:-11px;left:50%;transform:translateX(-50%);font-size:16px;color:#fff;line-height:1;text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px #c8e1ff,0 0 24px rgba(180,210,255,.9),0 0 40px rgba(150,190,255,.7),0 0 60px rgba(120,170,255,.4);animation:starTwinkle 1.8s ease-in-out infinite alternate}@keyframes starTwinkle{0%{opacity:.75;text-shadow:0 0 2px #fff,0 0 6px #fff,0 0 12px rgba(200,225,255,.9),0 0 24px rgba(180,210,255,.7),0 0 40px rgba(150,190,255,.5),0 0 60px rgba(120,170,255,.3);transform:translateX(-50%) scale(.8)}to{opacity:1;text-shadow:0 0 3px #fff,0 0 8px #fff,0 0 18px #dcebff,0 0 35px #bed7ff,0 0 55px rgba(160,200,255,.8),0 0 80px rgba(130,175,255,.5);transform:translateX(-50%) scale(1.2)}}@keyframes orbitDot{0%{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(1turn)}}@keyframes float{0%,to{transform:translateY(0) rotateY(0deg)}50%{transform:translateY(-12px) rotateY(3deg)}}@keyframes ringRotate1{0%{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(0deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(1turn)}}@keyframes ringRotate2{0%{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(30deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(390deg)}}@keyframes ringRotate3{0%{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(60deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(420deg)}}@keyframes ringRotate4{0%{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(90deg)}to{transform:translate(-50%,-50%) rotateX(65deg) rotateY(-15deg) rotate(450deg)}}@media (max-width:1024px){.heroContent{padding:120px 40px 40px}.heroTop{flex-direction:column;align-items:flex-start}.heroTitle{font-size:56px}.heroRight{margin-top:40px;align-self:center}.planet{width:150px;height:150px}.planetRing:first-child{width:240px;height:240px}.planetRing:nth-child(2){width:280px;height:280px}.planetRing:nth-child(3){width:320px;height:320px}.planetRing:nth-child(4){width:360px;height:360px}.cardsRow{grid-template-columns:1fr}}@media (max-width:768px){.nav{display:none}.heroContent{padding:40px 24px 24px}.heroTitle{font-size:40px}.planet{width:120px;height:120px}.planetRing:first-child{width:200px;height:200px}.planetRing:nth-child(2){width:230px;height:230px}.planetRing:nth-child(3){width:260px;height:260px}.planetRing:nth-child(4){width:290px;height:290px}.badgesGrid{grid-template-columns:1fr}.deviceStats{grid-template-columns:repeat(3,1fr)}.cardsRow{grid-template-columns:1fr}}.avatarModal{position:fixed;inset:0;z-index:2000;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.9);backdrop-filter:blur(20px);animation:avatarModalFadeIn .3s ease-out}.avatarModalClosing{animation:avatarModalFadeOut .4s ease-in}.avatarModalContent{position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;max-width:90vw;max-height:90vh;width:100%;height:100%;justify-content:center;pointer-events:none}.avatarModalContent>*{pointer-events:auto}.avatarModalImage{--modal-size:500px;position:fixed;top:var(--start-y,50%);left:var(--start-x,50%);width:var(--modal-size);height:var(--modal-size);transform:translate(-50%,-50%);border-radius:50%;border:2px solid hsla(0,0%,100%,.1);background-color:hsla(0,0%,100%,.05);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:avatarImageExpand .5s cubic-bezier(.34,1.56,.64,1) forwards}.avatarModalImageClosing{animation:avatarImageCollapse .35s cubic-bezier(.4,0,.2,1) forwards}.avatarModalBtn{position:absolute;z-index:10;padding:10px;border-radius:50%;border:1px solid hsla(0,0%,100%,.15);background:rgba(0,0,0,.6);color:hsla(0,0%,100%,.9);cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;opacity:0;animation:avatarActionsFadeIn .3s ease-out .3s forwards;-webkit-tap-highlight-color:rgba(255,255,255,.2);touch-action:manipulation;-webkit-user-select:none;-moz-user-select:none;user-select:none}.avatarModalBtn svg{flex-shrink:0}.avatarModalBtn:hover{background:rgba(0,0,0,.8);border-color:hsla(0,0%,100%,.3);color:#fff;transform:scale(1.1);box-shadow:0 4px 12px rgba(0,0,0,.4)}.avatarModalBtn:active{transform:scale(.95)}.avatarModalBtnClose{top:12px;right:12px}.avatarModalBtnDownload{top:12px;left:12px}.downloadSuccess{background:rgba(29,185,84,.9)!important;border-color:rgba(29,185,84,.5)!important;opacity:1!important;animation:downloadSuccessAnim .3s cubic-bezier(.34,1.56,.64,1)!important}.downloadSuccess svg{opacity:1!important;display:block!important}.avatarModalImageClosing .avatarModalBtn{opacity:0;animation:avatarActionsFadeOut .2s ease-in forwards}@keyframes avatarModalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes avatarModalFadeOut{0%{opacity:1}70%{opacity:.8}to{opacity:0}}@keyframes avatarModalScaleIn{0%{transform:scale(.3);opacity:0}to{transform:scale(1);opacity:1}}@keyframes avatarModalScaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:0}}@keyframes avatarImageExpand{0%{top:var(--start-y,50%);left:var(--start-x,50%);width:var(--start-width,80px);height:var(--start-height,80px);transform:translate(-50%,-50%);border-radius:50%}to{top:50%;left:50%;width:var(--modal-size,500px);height:var(--modal-size,500px);transform:translate(-50%,-50%) scale(1);border-radius:20px}}@keyframes avatarImageCollapse{0%{top:50%;left:50%;width:var(--modal-size,500px);height:var(--modal-size,500px);transform:translate(-50%,-50%);border-radius:20px;opacity:1}80%{opacity:1}to{top:var(--start-y,50%);left:var(--start-x,50%);width:var(--start-width,80px);height:var(--start-height,80px);transform:translate(-50%,-50%);border-radius:50%;opacity:0}}@keyframes avatarActionsFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes avatarActionsFadeOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}@keyframes downloadSuccessAnim{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@media (max-width:768px){.avatarModalImage{--modal-size:min(400px,90vw);width:var(--modal-size);height:var(--modal-size)}.avatarModalBtn{width:48px;height:48px;min-width:48px;min-height:48px;padding:12px}}.weatherWrapper{display:grid;grid-template-columns:72fr 28fr;grid-gap:16px;gap:16px;width:100%;align-items:stretch}.weatherCard{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:20px;backdrop-filter:blur(20px);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.weatherCard:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(400px circle at var(--mouse-x) var(--mouse-y),hsla(270,45%,65%,.14),transparent 40%);z-index:0;border-radius:16px}.weatherCard>*{position:relative;z-index:1}.weatherCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65),0 0 60px hsla(0,0%,100%,.05)}.weatherLocation{display:flex;align-items:center;gap:10px;margin-bottom:14px}.weatherLocationIcon{width:32px;height:32px;border-radius:9px;background:rgba(99,102,241,.15);border:1px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.weatherLocationName{font-size:14px;font-weight:700;color:hsla(0,0%,100%,.95)}.weatherLocationCountry{font-size:11px;color:hsla(0,0%,100%,.45);margin-top:1px}.weatherTempBanner{display:flex;align-items:center;gap:12px;background:rgba(140,89,192,.08);border:1px solid hsla(270,45%,65%,.14);border-radius:10px;padding:12px 16px;margin-bottom:10px}.weatherConditionIcon{width:44px;height:44px;flex-shrink:0}.weatherTempValue{font-size:36px;font-weight:800;color:hsla(0,0%,100%,.95);line-height:1;letter-spacing:-1.5px}.weatherTempUnit{font-size:16px;font-weight:400;letter-spacing:0;color:hsla(0,0%,100%,.6);margin-left:2px}.weatherConditionText{font-size:13px;color:hsla(0,0%,100%,.75);margin-bottom:4px}.weatherUpdated{gap:5px;font-size:11px;color:hsla(0,0%,100%,.4);margin-bottom:14px}.weatherMetrics{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:8px;gap:8px}.weatherMetricCard{border-radius:9px;padding:10px 12px;display:flex;flex-direction:column;gap:3px;border:1px solid transparent;transition:filter .2s}.weatherMetricCard:hover{filter:brightness(1.15)}.weatherMetricLabel{gap:5px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;margin-bottom:3px}.weatherMetricLabel,.weatherMetricLabelIcon{display:flex;align-items:center}.weatherMetricValue{font-size:16px;font-weight:700;color:hsla(0,0%,100%,.95);line-height:1.2}.weatherMetricSub{font-size:10px;color:hsla(0,0%,100%,.45);margin-top:1px}.weatherMetric_blue{background:rgba(59,130,246,.08);border-color:rgba(59,130,246,.22)}.weatherMetric_cyan{background:rgba(6,182,212,.08);border-color:rgba(6,182,212,.22)}.weatherMetric_orange{background:rgba(234,88,12,.08);border-color:rgba(234,88,12,.22)}.weatherMetric_purple{background:rgba(139,92,246,.08);border-color:rgba(139,92,246,.22)}.weatherMetric_yellow{background:rgba(202,138,4,.08);border-color:rgba(202,138,4,.22)}.weatherMetric_green{background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.22)}.weatherMetric_rose{background:rgba(244,63,94,.08);border-color:rgba(244,63,94,.22)}.weatherMetric_slate{background:rgba(100,116,139,.08);border-color:rgba(100,116,139,.22)}.weatherMetricLabel_blue{color:#60a5fa}.weatherMetricLabel_cyan{color:#22d3ee}.weatherMetricLabel_orange{color:#fb923c}.weatherMetricLabel_purple{color:#a78bfa}.weatherMetricLabel_yellow{color:#facc15}.weatherMetricLabel_green{color:#4ade80}.weatherMetricLabel_rose{color:#fb7185}.weatherMetricLabel_slate{color:#94a3b8}.weatherMetricLabelIcon_blue{color:#60a5fa}.weatherMetricLabelIcon_cyan{color:#22d3ee}.weatherMetricLabelIcon_orange{color:#fb923c}.weatherMetricLabelIcon_purple{color:#a78bfa}.weatherMetricLabelIcon_yellow{color:#facc15}.weatherMetricLabelIcon_green{color:#4ade80}.weatherMetricLabelIcon_rose{color:#fb7185}.weatherMetricLabelIcon_slate{color:#94a3b8}.weatherHoursCard{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:20px;backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease}.weatherHoursCard:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(350px circle at var(--mouse-x) var(--mouse-y),hsla(270,45%,65%,.14),transparent 40%);z-index:0;border-radius:16px}.weatherHoursCard>*{position:relative;z-index:1}.weatherHoursCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 18px 60px rgba(0,0,0,.65)}.weatherHoursHeader{margin-bottom:12px}.weatherHoursTitle{font-size:13px;font-weight:700;color:hsla(0,0%,100%,.9);margin-bottom:3px}.weatherHoursSub{font-size:10px;color:hsla(0,0%,100%,.4);line-height:1.4}.weatherHoursList{display:flex;flex-direction:column;gap:6px;overflow-y:auto;max-height:350px;scrollbar-width:thin;scrollbar-color:hsla(0,0%,100%,.1) transparent;padding-right:4px}.weatherHoursList::-webkit-scrollbar{width:4px}.weatherHoursList::-webkit-scrollbar-track{background:transparent}.weatherHoursList::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:2px}.weatherHourRow{display:grid;grid-template-columns:40px 26px 44px 1fr;align-items:center;grid-gap:6px;gap:6px;padding:8px 10px;background:hsla(0,0%,100%,.02);border:1px solid hsla(270,40%,65%,.12);border-radius:9px;transition:background .2s}.weatherHourRow:hover{background:hsla(0,0%,100%,.04);border-color:hsla(0,0%,100%,.1)}.weatherHourTime{font-size:12px;font-weight:600;color:hsla(0,0%,100%,.8)}.weatherHourIcon{width:24px;height:24px}.weatherHourTemp{font-size:13px;font-weight:700;color:hsla(0,0%,100%,.95)}.weatherHourMeta{display:flex;gap:6px;font-size:10px;color:hsla(0,0%,100%,.45);flex-wrap:wrap}.weatherHourMeta span{display:flex;align-items:center;gap:3px}.weatherLoading{display:flex;align-items:center;gap:12px;padding:40px;color:hsla(0,0%,100%,.5);font-size:14px}.weatherLoadingSpinner{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.1);border-top-color:hsla(0,0%,100%,.5);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.weatherError{padding:40px;color:hsla(0,0%,100%,.4);font-size:14px;text-align:center}@media (max-width:1024px){.weatherWrapper{grid-template-columns:1fr}.weatherMetrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.weatherMetrics{grid-template-columns:repeat(2,1fr)}}.statsRow{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;width:100%}.statCard{--mouse-x:-1000px;--mouse-y:-1000px;position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;transition:border-color .3s ease,box-shadow .3s ease;backdrop-filter:blur(20px)}.statCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 40px rgba(0,0,0,.5)}.statIcon{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.statValue{font-size:36px;font-weight:800;color:hsla(0,0%,100%,.95);letter-spacing:-1px;line-height:1}.statLabel{font-size:12px;color:hsla(0,0%,100%,.45);font-weight:500}.projectsGrid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px;width:100%}.projectCard{position:relative;background:rgba(140,89,192,.08);border:1px solid hsla(270,55%,70%,.16);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease;backdrop-filter:blur(20px)}.projectCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 40px rgba(0,0,0,.5);transform:translateY(-3px)}.projectImageWrap{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:hsla(0,0%,100%,.04)}.projectImage{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .4s ease}.projectCard:hover .projectImage{transform:scale(1.04)}.projectImageOverlay{position:absolute;inset:0;background:rgba(0,0,0,.55);display:flex;align-items:center;justify-content:center;gap:12px;opacity:0;transition:opacity .25s ease}.projectCard:hover .projectImageOverlay{opacity:1}.projectBtn{display:flex;align-items:center;gap:7px;padding:10px 18px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:transform .15s ease,opacity .15s ease;white-space:nowrap}.projectBtn:hover{transform:scale(1.05);opacity:.9}.projectBtnCode{background:hsla(0,0%,6%,.92);color:#fff;border:1px solid hsla(0,0%,100%,.15)}.projectBtnDemo{background:hsla(0,0%,100%,.95);color:#111;border:none}.projectCardBody{padding:18px 20px 20px;display:flex;flex-direction:column;gap:10px;flex:1 1}.projectCardTop{display:flex;align-items:center;justify-content:space-between;gap:8px}.projectName{font-size:16px;font-weight:700;color:hsla(0,0%,100%,.95);line-height:1.3}.projectType{font-size:11px;font-weight:600;color:hsla(0,0%,100%,.6);background:hsla(270,45%,65%,.14);border:1px solid hsla(0,0%,100%,.1);border-radius:6px;padding:3px 9px;white-space:nowrap;flex-shrink:0}.projectDesc{font-size:12px;color:hsla(0,0%,100%,.45);line-height:1.6}.projectTags{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.projectTag{font-size:10px;font-weight:600;color:hsla(0,0%,100%,.55);background:hsla(270,40%,65%,.12);border:1px solid hsla(0,0%,100%,.1);border-radius:5px;padding:3px 8px;text-transform:uppercase;letter-spacing:.4px}.projectImagePlaceholder{width:100%;height:100%;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.projectImagePlaceholder:before{content:"";position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(60px);opacity:.35;transition:opacity .4s ease,transform .4s ease;background:var(--glow-color,#6366f1)}.projectCard:hover .projectImagePlaceholder:before{opacity:.55;transform:scale(1.15)}.projectImagePlaceholder:after{content:"";position:absolute;width:60px;height:60px;border-radius:50%;filter:blur(20px);opacity:.6;background:var(--glow-color,#6366f1)}.projectGlowBeam{width:2px;height:60%;background:linear-gradient(to top,var(--glow-color,#6366f1),transparent);opacity:.4;filter:blur(1px)}.projectGlowBeam,.projectGlowBeam:before{position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.projectGlowBeam:before{content:"";width:80px;height:1px;background:var(--glow-color,#6366f1);opacity:.5;filter:blur(2px);box-shadow:0 0 12px 4px var(--glow-color,#6366f1)}@media (max-width:1024px){.projectsGrid,.statsRow{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.statsRow{grid-template-columns:repeat(2,1fr)}.projectsGrid{grid-template-columns:1fr}}*{margin:0;padding:0;box-sizing:border-box;-moz-user-select:none;user-select:none;-webkit-user-select:none}img{-webkit-user-drag:none;user-drag:none;pointer-events:none}a img,button img{pointer-events:auto}html{scroll-behavior:smooth}body{font-family:var(--font-body),-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#12061f;background-image:radial-gradient(ellipse 90% 55% at 10% -5%,rgba(147,51,234,.45),transparent 55%),radial-gradient(ellipse 70% 50% at 95% 15%,rgba(168,85,247,.28),transparent 50%),radial-gradient(ellipse 80% 45% at 50% 100%,rgba(88,28,135,.35),transparent 55%),linear-gradient(180deg,#1a0b2e,#12061f 40%,#0d0418);background-attachment:fixed;color:#fff;min-height:100vh}.heroSection{background:transparent!important}.sectionHeading{font-family:var(--font-display),Syne,sans-serif!important;font-size:clamp(1.75rem,4vw,2.75rem)!important;font-weight:700!important;letter-spacing:-.04em!important;text-transform:none!important;text-align:center!important;margin:56px 0 20px!important;padding:0!important;color:#f5f0ff!important;background:none!important;-webkit-text-fill-color:#f5f0ff!important;display:block!important;position:relative;line-height:1.15}.sectionHeading:after,.sectionHeading:before{display:none!important;content:none!important}.sectionHeading strong{background:none!important;-webkit-text-fill-color:inherit!important;color:inherit!important;font-weight:inherit!important;animation:none!important}.siteNav{position:sticky;top:0;z-index:100;width:100%;border-bottom:1px solid rgba(168,85,247,.22);background:rgba(24,10,42,.88);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 8px 32px rgba(88,28,135,.25)}.siteNavInner{max-width:1400px;margin:0 auto;padding:0 40px;height:56px}.siteNavCenter,.siteNavInner{display:flex;align-items:center;justify-content:center}.siteNavCenter{gap:28px;flex-wrap:wrap}.siteNavBrand{font-size:15px;font-weight:700;color:#fff;text-decoration:none;letter-spacing:-.02em}.siteNavLinks{display:flex;align-items:center;gap:4px;margin-left:0}.siteNavLink{font-size:13px;color:hsla(0,0%,100%,.55);text-decoration:none;padding:8px 12px;border-radius:8px;transition:color .2s ease,background .2s ease}.siteNavLink:hover{color:#fff;background:hsla(0,0%,100%,.06)}.siteNavRight{display:flex;align-items:center;gap:12px}.profileSocialBtn i,.profileSocialBtn svg{font-size:16px;line-height:1;color:#fff;fill:#fff}.heroContent{padding-top:48px!important}.heroCentered{justify-content:center!important;text-align:center}.heroLeftFull{max-width:720px;margin:0 auto;width:100%;display:flex;flex-direction:column;align-items:center}.heroLeftFull .heroTitle{font-size:clamp(40px,7vw,64px);line-height:1.15;text-align:center}.heroLeftFull .heroQuote,.heroLeftFull .heroSubtitle{margin-left:auto;margin-right:auto;text-align:center}.heroLeftFull .heroButtons{justify-content:center}.heroLeftFull .heroTitle strong{background:linear-gradient(180deg,#fff,rgba(196,181,253,.8));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ambientGlow{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.glowOrb{position:absolute;border-radius:50%;filter:blur(80px);opacity:.55;will-change:transform}.glowOrbA{width:42vw;height:42vw;max-width:520px;max-height:520px;left:-8%;top:8%;background:radial-gradient(circle,rgba(168,85,247,.7),transparent 70%);animation:glowDriftA 18s ease-in-out infinite alternate}.glowOrbB{width:36vw;height:36vw;max-width:440px;max-height:440px;right:-6%;top:35%;background:radial-gradient(circle,rgba(124,58,237,.55),transparent 70%);animation:glowDriftB 22s ease-in-out infinite alternate}.glowOrbC{width:48vw;height:48vw;max-width:580px;max-height:580px;left:25%;bottom:-12%;background:radial-gradient(circle,rgba(192,132,252,.4),transparent 70%);animation:glowDriftC 26s ease-in-out infinite alternate}@keyframes glowDriftA{0%{transform:translate(0) scale(1)}to{transform:translate(12vw,18vh) scale(1.15)}}@keyframes glowDriftB{0%{transform:translate(0) scale(1.05)}to{transform:translate(-14vw,-10vh) scale(1.2)}}@keyframes glowDriftC{0%{transform:translate(0) scale(1)}to{transform:translate(8vw,-16vh) scale(1.12)}}.heroSection>:not(.ambientGlow){position:relative;z-index:1}.socialsGrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;width:100%}.socialCard{position:relative;display:flex;align-items:flex-start;gap:18px;padding:28px 24px;min-height:160px;text-decoration:none;color:inherit;border-radius:16px;border:1px solid hsla(0,0%,100%,.08);background:hsla(0,0%,100%,.03);overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .3s ease}.socialCard:hover{border-color:hsla(0,0%,100%,.15);box-shadow:0 12px 40px rgba(0,0,0,.5);transform:translateY(-3px)}.socialCardIcon{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:26px}.socialInstagram .socialCardIcon{background:linear-gradient(135deg,#f58529,#dd2a7b,#8134af)}.socialSteam .socialCardIcon{background:linear-gradient(135deg,#1b2838,#66c0f4)}.socialCardBody{display:flex;flex-direction:column;gap:6px;flex:1}.socialCardBody h3{font-size:20px;font-weight:700;color:hsla(0,0%,100%,.95)}.socialCardBody p{font-size:14px;color:hsla(0,0%,100%,.5)}.socialCardCta{margin-top:auto;padding-top:16px;font-size:13px;font-weight:600;color:#c4b5fd}.socialCard:hover .socialCardCta{color:#fff}.btnPrimary{background:linear-gradient(135deg,#a855f7,#7c3aed)!important;color:#fff!important;border:1px solid rgba(192,132,252,.45)!important;box-shadow:0 10px 30px rgba(124,58,237,.4)!important}.btnPrimary:hover{background:linear-gradient(135deg,#c084fc,#9333ea)!important;box-shadow:0 14px 36px rgba(168,85,247,.5)!important}.btnPrimary.btnWhite,.btnWhite{background:#fff!important;color:#1a0b2e!important;border:1px solid hsla(0,0%,100%,.95)!important;box-shadow:0 10px 28px hsla(0,0%,100%,.18)!important}.btnPrimary.btnWhite:hover,.btnWhite:hover{background:#f3e8ff!important;color:#2e1065!important;box-shadow:0 14px 34px rgba(196,181,253,.35)!important;filter:none!important}.badgeCard,.badgesSection,.musicCard,.profileCard,.socialCard,.weatherCard,.weatherHoursCard{border-color:rgba(168,85,247,.22)!important;box-shadow:0 12px 40px rgba(76,29,149,.2)!important;border-radius:24px!important}.badgeCard{border-radius:18px!important}.badgeCardMax{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.badgesSection:hover,.musicCard:hover,.profileCard:hover,.socialCard:hover,.weatherCard:hover,.weatherHoursCard:hover{border-color:rgba(192,132,252,.4)!important;box-shadow:0 18px 50px rgba(124,58,237,.28)!important}.socialCard{background:linear-gradient(145deg,rgba(88,28,135,.28),rgba(24,10,42,.75))!important;border-radius:24px!important}.badgePanel{height:100%;display:flex;flex-direction:column}.badgePanel .badgesGrid{flex:1;align-content:stretch}.badgePanel .badgeCard{display:flex;flex-direction:column;justify-content:space-between}.musicRow{width:100%;margin-top:4px}.musicRow .musicCard{width:100%;min-height:180px}.profileAvatar,.profileAvatar img{border-radius:22px!important}.activity-cover,.musicCover{border-radius:16px!important}.badgeProgressBar{border-radius:999px!important;height:7px!important}.badgeProgressFill{background:linear-gradient(90deg,#7c3aed,#c084fc)!important;border-radius:999px!important}.sectionHeading{color:#e9d5ff!important;-webkit-text-fill-color:#e9d5ff!important}.weatherMetricsFull{grid-template-columns:repeat(4,1fr)!important;gap:10px!important}.weatherConditionText{margin-bottom:6px!important}.weatherUpdated{margin-bottom:16px!important;display:flex;align-items:center}@media (max-width:1024px){.weatherMetricsFull{grid-template-columns:repeat(2,1fr)!important}}@media (max-width:560px){.weatherMetricsFull{grid-template-columns:1fr 1fr!important}}.siteNavLink:hover{background:rgba(168,85,247,.14);color:#f3e8ff}.heroLeftFull .heroTitle strong{background:linear-gradient(180deg,#fff 20%,#d8b4fe)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.creditFooter{margin-top:64px;padding:28px 0 40px;text-align:center;border-top:1px solid rgba(168,85,247,.15)}.creditFooter a{font-size:12px;letter-spacing:.04em;color:rgba(233,213,255,.45);text-decoration:none;transition:color .2s ease}.creditFooter a:hover{color:#e9d5ff}.creditFooter span{color:#c4b5fd;font-weight:600}.creditFooter a:hover span{color:#fff}@media (max-width:768px){.siteNavInner{padding:0 20px}.siteNavLinks{display:flex}.socialsGrid{grid-template-columns:1fr}.heroContent{padding-top:24px!important}}