@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
*{box-sizing:border-box}body{margin:0;min-height:100svh;background:#101616;color:#f4f6f4;font-family:'DM Sans',sans-serif;display:grid;place-items:center;padding:40px 22px}a{color:inherit;text-decoration:none}button{font:inherit}.backdrop{position:fixed;inset:-40px;z-index:-2;background:linear-gradient(110deg,rgba(6,16,17,.78),rgba(9,17,20,.58)),url('/assets/nikhil.png') center 42%/cover;filter:blur(14px);transform:scale(1.07)}body:after{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(0deg,#081113c9,transparent 65%)}.profile{width:min(640px,100%);transition:opacity .4s,transform .4s}.card{background:linear-gradient(110deg,#192425bc,#111b20bc);border:1px solid #ddece51c;border-radius:12px;backdrop-filter:blur(22px);box-shadow:0 10px 40px #0002}.main-card{text-align:center;padding:22px 30px 28px;position:relative}.topline{display:flex;justify-content:space-between;color:#c1cec5;font-size:11px;letter-spacing:.5px}.avatar{object-fit:cover;border-radius:50%;border:3px solid #bbdfd1;margin-top:15px;box-shadow:0 0 24px #b0ddcc24}h1{font-size:38px;font-weight:700;letter-spacing:-1.4px;margin:12px 0 8px;text-shadow:0 0 25px #e0f8ed55}.spark{font-size:20px;color:#b8dfd0;vertical-align:middle;margin-left:10px}.role{display:inline-flex;align-items:center;gap:7px;background:#b8dfd014;border:1px solid #b8dfd025;border-radius:5px;padding:6px 9px;font-size:11px;color:#c5e2d6}.role svg{height:13px;width:13px;fill:#b8dfd0}.bio{font-size:16px;letter-spacing:.1px;margin:22px 0;color:#e0e7e1}.socials{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:27px}.socials a{display:grid;place-items:center;width:40px;height:40px;border-radius:4px;transition:background .18s,transform .18s}.socials a:hover{background:#c6e2d41c;transform:translateY(-2px)}.socials svg{width:27px;height:27px;fill:#e5f4ec}.socials svg[fill="none"]{fill:none;stroke:#e5f4ec;stroke-width:1.8;stroke-linecap:round}.divider{height:20px;width:1px;background:#ffffff25}.discord-card,.server-card{margin-top:14px;padding:19px 22px;display:flex;gap:15px;align-items:center;transition:border-color .2s,background .2s}.discord-card:hover,.server-card:hover{border-color:#a4cfbd70;background:#1c2a2bdd}.discord-card img{border-radius:50%;object-fit:cover}.discord-name{font-size:16px;font-weight:600;display:flex;align-items:center;gap:10px}.tag{font-size:8px;letter-spacing:.6px;background:#b9d9c52a;padding:4px 6px;border-radius:3px;color:#d2e8db}.discord-card p{margin:5px 0;color:#e0e6e2;font-size:12px}.small{font-size:10px;color:#b0bdb7}.arrow{margin-left:auto;color:#c9dcd3;font-size:22px}.server-icon{width:52px;height:52px;display:grid;place-items:center;background:#b8dfd0;color:#21372c;border-radius:7px;font-size:34px;letter-spacing:-3px}.server-card h2{font-size:17px;margin:0 0 5px;font-weight:600}.server-card p{font-size:11px;color:#b0bdb7;margin:0}.join{margin-left:auto;border:1px solid #c5e0d342;background:#c5e0d310;padding:10px 12px;font-size:11px;border-radius:4px;white-space:nowrap}.join span{margin-left:12px}footer{display:flex;justify-content:space-between;padding:18px 5px 0;color:#b2beb7;font-size:10px}footer div{display:flex;gap:10px}footer a:hover{color:white}a:focus-visible,button:focus-visible{outline:2px solid #b8dfd0;outline-offset:5px}.entry{position:fixed;inset:0;z-index:10;border:0;background:#111918ac;backdrop-filter:blur(20px);color:white;font-size:22px;font-weight:500;cursor:pointer;transition:opacity .35s,visibility .35s}.entry span{text-shadow:0 0 20px #fff5}.entry.hidden{opacity:0;visibility:hidden;pointer-events:none}body.entering .profile{opacity:.15;transform:translateY(5px)}@media(max-width:500px){body{padding:24px 17px}.main-card{padding:20px 20px 25px}.avatar{margin-top:23px}h1{font-size:34px}.discord-card,.server-card{padding:16px 15px;gap:12px}.discord-name{font-size:14px;gap:6px}.tag{font-size:7px}.discord-card img{width:48px;height:48px}.join{font-size:10px;padding:10px 9px}.join span{margin-left:4px}.server-icon{width:44px;height:44px}.server-card h2{font-size:15px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
/* Media reference layout */
.background-video{position:fixed;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;background:#080808}.backdrop{inset:0;background:linear-gradient(90deg,#0009,#0004);filter:none;transform:none;z-index:-2}body:after{background:linear-gradient(0deg,#0008,transparent 70%)}.profile{width:min(740px,100%)}.main-card{display:grid;grid-template-columns:110px 1fr;text-align:left;align-items:center;column-gap:30px;padding:0 0 28px;background:none;border:none;box-shadow:none;backdrop-filter:none}.avatar{width:110px;height:110px;margin:0;border:2px solid #ffffff8c;box-shadow:none}.profile-copy h1{font-size:38px;margin:0 0 8px;color:white;text-shadow:0 0 20px #fff6}.spark{color:#eee}.role{padding:0;background:none;border:none;color:#ddd}.bio{margin:10px 0 0;color:#eee}.socials{grid-column:1/-1;margin:25px 0 0;justify-content:flex-start;padding-left:140px}.cards{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card.discord-card,.card.server-card{margin:0;background:#ffffff14;border:1px solid #ffffff24;backdrop-filter:blur(8px);border-radius:20px;padding:18px 16px;min-height:106px}.server-icon{background:#ffffffd6;color:#222}.tag{color:#ddd;background:#ffffff19}.join{padding:9px;border-color:#ffffff30;font-size:10px}.join span{margin-left:4px}.discord-name{font-size:14px;gap:6px}.discord-card p{font-size:11px}.music{display:flex;align-items:center;gap:15px;margin-top:54px;padding:18px 0;position:relative}.music>img{width:52px;height:52px;object-fit:cover;border-radius:6px;filter:grayscale(1)}.track{flex:1;min-width:0}.track h2{font-size:17px;font-weight:500;margin:0 0 10px}.timeline{display:flex;align-items:center;gap:10px;font-size:12px;color:#d4d4d4;font-variant-numeric:tabular-nums}#seek{width:100%;height:3px;accent-color:#fff;cursor:pointer}#play,#mute,.motion{background:none;border:0;color:white;display:grid;place-items:center;cursor:pointer;min-width:40px;min-height:44px;font-size:23px}#mute svg{width:23px;height:23px;fill:none;stroke:white;stroke-width:1.5;stroke-linecap:round}#mute svg path{fill:none}.motion{position:fixed;top:18px;left:18px;background:#ffffff15;border:1px solid #ffffff20;border-radius:8px;font-size:18px;z-index:2}#media-status{position:absolute;top:100%;font-size:11px;color:#ddd;margin:0}.entry{background:#09090980}.profile footer{color:#bbb;font-size:10px;padding-top:30px}.socials a:hover{background:#ffffff15}.card.discord-card:hover,.card.server-card:hover{background:#ffffff24;border-color:#ffffff60}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #eee;outline-offset:4px}@media(max-width:650px){.cards{grid-template-columns:1fr}.profile{max-width:430px}.main-card{grid-template-columns:80px 1fr;gap:20px;padding-bottom:25px}.avatar{width:80px;height:80px}.profile-copy h1{font-size:30px}.bio{font-size:14px}.socials{padding-left:100px;margin-top:0}.card.discord-card,.card.server-card{min-height:90px;border-radius:14px}.music{margin-top:28px;gap:10px}.track h2{font-size:14px}.music>img{width:38px;height:38px}#play,#mute{min-width:32px;font-size:19px}.timeline{gap:6px;font-size:10px}.motion{top:10px;left:10px}.profile footer{padding-top:22px}}@media(max-height:700px) and (min-width:651px){body{padding:35px 22px}.music{margin-top:25px}}
/* Animated local SVG icons */
.spark{display:inline-flex;width:27px;height:27px;vertical-align:middle}.spark-icon{width:100%;height:100%;fill:#fff;filter:drop-shadow(0 0 7px #ffffff80);animation:star-turn 7s ease-in-out infinite}.spark-orbit{animation:star-shimmer 1.8s ease-in-out infinite;transform-origin:27px 6px}.server-gem{width:35px;height:35px;fill:#303339;stroke:#ddd;stroke-width:1;animation:gem-turn 5s ease-in-out infinite}.server-icon{background:#ffffff12}.socials a:first-child svg{animation:discord-bob 3.2s ease-in-out infinite}.socials a:last-child svg{animation:link-turn 4s ease-in-out infinite}.role svg{animation:star-shimmer 2.6s ease-in-out infinite}.music-art{width:52px;height:52px;position:relative;flex-shrink:0;display:grid;place-items:center}.music-gem{width:45px;height:45px;fill:#363b40;stroke:#d8d9dc;stroke-width:1.1;animation:gem-turn 5s ease-in-out infinite;filter:drop-shadow(0 0 7px #fff3)}.equalizer{position:absolute;bottom:0;display:flex;gap:3px;height:12px;align-items:flex-end}.equalizer i{width:3px;height:4px;background:#ddd;animation:equalize .8s ease-in-out infinite alternate;animation-play-state:paused}.equalizer i:nth-child(2){animation-delay:-.4s}.equalizer i:nth-child(3){animation-delay:-.2s}.equalizer i:nth-child(4){animation-delay:-.6s}.playing .equalizer i{animation-play-state:running}body.motion-paused .spark-icon,body.motion-paused .spark-orbit,body.motion-paused .server-gem,body.motion-paused .music-gem,body.motion-paused .socials svg,body.motion-paused .role svg{animation-play-state:paused}.socials a:hover svg{filter:drop-shadow(0 0 6px #fff8)}.background-video{z-index:0;pointer-events:none}.backdrop{z-index:1;pointer-events:none;background:linear-gradient(90deg,#0005,#0001)}body:after{z-index:1;pointer-events:none;background:linear-gradient(0deg,#0005,transparent 65%)}.profile{position:relative;z-index:2}.motion{z-index:3}.entry{z-index:10}@keyframes star-turn{0%,30%{rotate:0deg;scale:1}50%{rotate:180deg;scale:.82}70%,100%{rotate:360deg;scale:1}}@keyframes star-shimmer{0%,100%{opacity:.45;scale:.85}50%{opacity:1;scale:1.15}}@keyframes gem-turn{0%,100%{transform:perspective(100px) rotateY(-18deg) rotateZ(-8deg)}50%{transform:perspective(100px) rotateY(25deg) rotateZ(8deg)}}@keyframes discord-bob{0%,100%{translate:0 0;rotate:-5deg}50%{translate:0 -4px;rotate:5deg}}@keyframes link-turn{0%,100%{rotate:-8deg}50%{rotate:8deg}}@keyframes equalize{from{height:3px}to{height:12px}}@media(max-width:650px){.music-art{width:38px;height:38px}.music-gem{width:34px;height:34px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .spark-icon,body:not(.motion-enabled) .spark-orbit,body:not(.motion-enabled) .server-gem,body:not(.motion-enabled) .music-gem,body:not(.motion-enabled) .socials svg,body:not(.motion-enabled) .role svg,body:not(.motion-enabled) .equalizer i{animation:none}}
/* Unified rounded glass panel */
.profile{width:min(820px,100%);padding:42px;border-radius:28px;border:1px solid #ffffff30;background:linear-gradient(120deg,#ffffff16,#ffffff08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 24px 80px #0005,inset 0 1px 0 #ffffff10}.main-card{padding-bottom:26px}.card.discord-card,.card.server-card{background:#ffffff09;border-color:#ffffff20;border-radius:15px;box-shadow:none;backdrop-filter:none}.music{margin-top:30px;padding:25px 0 8px;border-top:1px solid #ffffff1a}.profile footer{padding-top:26px}.motion{display:none}@media(max-width:650px){body{padding:22px 14px}.profile{padding:25px 20px;border-radius:23px;max-width:460px}.main-card{grid-template-columns:70px 1fr;gap:17px}.avatar{width:70px;height:70px}.socials{padding-left:87px}.profile-copy h1{font-size:28px}.role{font-size:10px}.bio{font-size:13px}.card.discord-card,.card.server-card{padding:15px 12px}.music{gap:7px;margin-top:24px;padding-top:21px}.track h2{font-size:12px}#play,#mute{min-width:29px}.profile footer{font-size:9px;padding-top:25px}.timeline{font-size:9px;gap:5px}}@media(max-width:360px){.profile{padding:22px 14px}.tag{font-size:6px}.join{padding:8px;font-size:9px}}
/* Reference-inspired motion */
.ambient-stars{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.ambient-stars>span{position:absolute;width:11px;height:11px;color:#fff9;animation:star-drift 7s ease-in-out infinite}.ambient-stars svg{width:100%;height:100%;fill:currentColor;animation:star-shimmer 3s ease-in-out infinite}.ambient-stars>span:nth-child(1){left:8%;top:19%;animation-delay:-1s}.ambient-stars>span:nth-child(2){left:26%;top:9%;animation-delay:-3s;width:8px}.ambient-stars>span:nth-child(3){left:78%;top:17%;animation-delay:-5s}.ambient-stars>span:nth-child(4){left:89%;top:55%;animation-delay:-2s;width:8px}.ambient-stars>span:nth-child(5){left:12%;top:76%;animation-delay:-4s}.ambient-stars>span:nth-child(6){left:70%;top:87%;animation-delay:-6s;width:9px}.ambient-stars>span:nth-child(7){left:51%;top:7%;animation-delay:-2.5s;width:7px}.ambient-stars>span:nth-child(8){left:91%;top:83%;animation-delay:-4.5s;width:7px}.profile{z-index:3;animation:panel-entrance .7s ease-out both}.avatar{animation:portrait-aura 4s ease-in-out infinite}.profile-copy h1{animation:name-shimmer 4.5s ease-in-out infinite}.card.discord-card,.card.server-card{transition:transform .25s,border-color .25s,background .25s}.card.discord-card:hover,.card.server-card:hover{transform:translateY(-3px)}.profile footer{border-top:1px solid #ffffff15;margin-top:20px;padding-top:18px}.video-status:empty{display:none}.video-status{font-size:11px;color:#ddd}.socials svg{filter:drop-shadow(0 0 5px #ffffff50)}body.motion-paused .ambient-stars span,body.motion-paused .ambient-stars svg,body.motion-paused .avatar,body.motion-paused .profile-copy h1{animation-play-state:paused}@keyframes star-drift{0%,100%{translate:0 0;rotate:0deg;opacity:.4}50%{translate:5px -14px;rotate:100deg;opacity:.9}}@keyframes portrait-aura{0%,100%{box-shadow:0 0 8px #ffffff10}50%{box-shadow:0 0 24px #ffffff35}}@keyframes name-shimmer{0%,100%{text-shadow:0 0 10px #ffffff30}50%{text-shadow:0 0 24px #ffffff70}}@keyframes panel-entrance{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .ambient-stars span,body:not(.motion-enabled) .ambient-stars svg,body:not(.motion-enabled) .avatar,body:not(.motion-enabled) .profile-copy h1{animation:none}.profile{animation:none}}
/* Open reference layout and supplied badge alignment */
.profile{width:min(740px,100%);padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.main-card{grid-template-columns:105px minmax(0,1fr);column-gap:26px;padding-bottom:30px}.avatar{width:105px;height:105px}.name-row{display:flex;align-items:center;gap:15px;min-height:48px}.profile-copy .name-row h1{margin:0;font-size:38px;line-height:1.2}.badges{display:flex;align-items:center;gap:10px}.badges img{width:28px;height:28px;object-fit:contain;animation:badge-float 3.8s ease-in-out infinite;filter:drop-shadow(0 0 5px #ffffff25)}.badges img:nth-child(2){width:30px;height:30px;animation-delay:-1.9s}.profile-copy .role{margin-top:7px}.socials{padding-left:131px;margin-top:20px}.discord-logo{width:29px;height:29px;object-fit:contain;animation:discord-bob 3.2s ease-in-out infinite;filter:drop-shadow(0 0 5px #ffffff50)}.cards{gap:16px}.card.discord-card,.card.server-card{background:#ffffff14;border-color:#ffffff28;backdrop-filter:blur(8px);border-radius:18px;min-height:108px;padding:18px}.profile footer{border:0;margin-top:24px;padding:0 4px;color:#c2c2c2}.card.discord-card img{flex-shrink:0}.server-icon{flex-shrink:0}.discord-card>div,.server-card>div{min-width:0}.discord-name{flex-wrap:wrap}.join{flex-shrink:0}body.motion-paused .badges img,body.motion-paused .discord-logo{animation-play-state:paused}@keyframes badge-float{0%,100%{translate:0 0;rotate:-3deg}50%{translate:0 -3px;rotate:3deg}}@media(max-width:650px){body{padding:32px 22px}.profile{max-width:430px;padding:0}.main-card{grid-template-columns:78px minmax(0,1fr);gap:19px;padding-bottom:27px}.avatar{width:78px;height:78px}.name-row{gap:10px;flex-wrap:wrap;row-gap:5px;min-height:36px}.profile-copy .name-row h1{font-size:30px}.badges{gap:7px}.badges img{width:23px;height:23px}.badges img:nth-child(2){width:25px;height:25px}.socials{padding-left:97px;margin-top:4px}.card.discord-card,.card.server-card{padding:17px 15px;min-height:96px;border-radius:16px}.profile footer{margin-top:22px}.profile-copy .bio{font-size:13px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .badges img,body:not(.motion-enabled) .discord-logo{animation:none}}
.server-card .gurgaon-icon{width:56px;height:56px;object-fit:cover;border-radius:12px;flex-shrink:0;animation:badge-float 4s ease-in-out infinite;box-shadow:0 0 12px #fff1}body.motion-paused .gurgaon-icon{animation-play-state:paused}@media(max-width:650px){.server-card .gurgaon-icon{width:52px;height:52px}}@media(prefers-reduced-motion:reduce){body:not(.motion-enabled) .gurgaon-icon{animation:none}}
/* Distinct profile and community compositions */
.cards{gap:18px;align-items:stretch}.card.discord-card,.card.server-card{display:block;position:relative;overflow:hidden;min-height:204px;border-radius:17px;padding:22px;border:1px solid #ffffff24;background:linear-gradient(125deg,#20272bc9,#101417b5);box-shadow:0 8px 28px #0002;backdrop-filter:blur(12px);transition:translate .25s,border-color .25s,box-shadow .25s}.card.discord-card:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 0 0,#cbdce71c,transparent 70%);pointer-events:none}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1.5px;color:#aeb9c0}.card-top>span:first-child{display:flex;align-items:center;gap:7px}.card-top img{width:14px;height:14px;opacity:.7}.card-open{font-size:19px;color:#dce5e9;letter-spacing:0}.discord-person{display:flex;align-items:center;gap:16px;margin:24px 0}.mini-avatar{padding:3px;border:1px solid #ffffff38;border-radius:50%;width:68px;height:68px;background:#ffffff06;flex-shrink:0}.discord-person .mini-avatar img{display:block;width:60px;height:60px;object-fit:cover;border-radius:50%}.discord-person h2,.server-identity h2{font-size:24px;letter-spacing:-.8px;line-height:1.15;margin:0;font-weight:600}.discord-person h2 span{color:#aec4d0}.discord-person p{font-size:12px;color:#aeb9c0;margin:6px 0 0}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #ffffff15;padding-top:14px}.profile-note{font-size:11px;color:#c8d1d6;font-style:italic}.card-action{display:flex;align-items:center;gap:9px;color:#eef3f6;font-size:10px;white-space:nowrap}.card-action>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #ffffff28;border-radius:50%;font-size:14px;transition:background .2s,rotate .2s}.card.server-card{padding:0;background:#171413}.server-art{position:absolute;inset:0;background:linear-gradient(90deg,#13100fea,#13100fb8),url('/assets/gurgaon.png') center 65%/cover;transition:scale .5s;pointer-events:none}.server-content{position:relative;padding:22px}.server-content .card-top{color:#d2bfa3;font-size:7px;letter-spacing:1.2px}.server-owner{font-size:7px;color:#b4a99b}.server-identity{display:flex;align-items:center;gap:16px;margin:24px 0}.server-card .gurgaon-icon{width:68px;height:68px;border-radius:12px;animation:none;box-shadow:0 4px 16px #0005;border:1px solid #e4b87735}.server-identity h2 span{color:#e8bb77}.server-identity p{font-size:11px;margin:7px 0 0;color:#c6b9a5}.server-label{font-size:7px;color:#c5b08f;letter-spacing:1.3px}.server-card .card-action>span{border-color:#dfb27355;color:#f4d5a6}.card.discord-card:hover,.card.server-card:hover{transform:none;translate:0 -4px;border-color:#ffffff50;box-shadow:0 14px 32px #0005}.server-card:hover .server-art{scale:1.04}.card:hover .card-action>span{background:#ffffff15;rotate:45deg}.card:focus-visible{outline:2px solid #eee;outline-offset:5px}@media(max-width:650px){.cards{gap:15px}.card.discord-card,.card.server-card{min-height:195px;padding:20px;border-radius:16px}.card.server-card{padding:0}.server-content{padding:20px}.discord-person,.server-identity{margin:22px 0}.discord-person h2,.server-identity h2{font-size:25px}.card-top{font-size:8px}.server-content .card-top{font-size:8px}.profile-note{font-size:11px}.server-label{font-size:8px}.card-action{font-size:11px}}@media(prefers-reduced-motion:reduce){.card.discord-card:hover,.card.server-card:hover{translate:none}.server-card:hover .server-art{scale:1}}
/* Small glowing dot cursor for mouse input */
#cursor-dot{display:none;position:fixed;top:0;left:0;width:7px;height:7px;border-radius:50%;background:#fff;box-shadow:0 0 6px #fff,0 0 15px #ffffff80;pointer-events:none;z-index:100;translate:-50% -50%;opacity:0;transition:width .15s,height .15s,opacity .15s;will-change:transform}#cursor-dot.over-link{width:11px;height:11px;box-shadow:0 0 8px #fff,0 0 20px #ffffff90}@media(hover:hover) and (pointer:fine){body.custom-cursor,body.custom-cursor *{cursor:none!important}body.custom-cursor #cursor-dot{display:block}}
