@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;font-family:Outfit,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;tab-size:4;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{color:inherit;font-family:inherit;font-feature-settings:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.flex-shrink{flex-shrink:1}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.border{border-width:1px}.uppercase{text-transform:uppercase}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#050508;font-family:Outfit,sans-serif;overflow-x:hidden}.page-root{color:#fff;min-height:100vh;position:relative}.portal-screen{align-items:center;background:#050508;cursor:pointer;display:flex;flex-direction:column;inset:0;justify-content:center;position:fixed;z-index:100}.portal-content{text-align:center}.portal-avatar-ring{animation:ring-spin 4s linear infinite;background:conic-gradient(from 0deg,#a855f7,#6366f1,#3b82f6,#a855f7);border-radius:50%;height:120px;margin:0 auto 24px;padding:3px;width:120px}.portal-avatar{border:3px solid #050508;border-radius:50%;display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.portal-title{color:#e2e8f0;font-size:2.5rem;font-weight:800;letter-spacing:-.03em;margin-bottom:12px}.portal-hint{animation:pulse-soft 2s ease-in-out infinite;color:#a855f780;font-size:.75rem;font-weight:500;letter-spacing:.4em;text-transform:uppercase}.bg-layer{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.bg-video{height:100%;-o-object-fit:cover;object-fit:cover;opacity:.2;transform:scale(1.05);width:100%}.bg-overlay,.bg-video{inset:0;position:absolute}.bg-overlay{background:linear-gradient(180deg,#05050866 0,#050508b3);z-index:1}.bg-gradient-1{animation:float-slow 20s ease-in-out infinite;background:radial-gradient(circle,rgba(99,102,241,.08) 0,transparent 70%);height:80%;left:-20%;top:-40%;width:80%}.bg-gradient-1,.bg-gradient-2{border-radius:50%;position:absolute;z-index:2}.bg-gradient-2{animation:float-slow 15s ease-in-out infinite reverse;background:radial-gradient(circle,rgba(168,85,247,.06) 0,transparent 70%);bottom:-30%;height:60%;right:-10%;width:60%}.bg-noise{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.03'/%3E%3C/svg%3E");inset:0;opacity:.4;position:absolute;z-index:3}.particles-canvas{inset:0;opacity:.5;pointer-events:none;position:fixed;z-index:1}.sound-btn{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid hsla(0,0%,100%,.08);border-radius:50%;bottom:32px;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;left:32px;position:fixed;transition:all .3s ease;width:48px;z-index:50}.sound-btn:hover{background:#a855f726;border-color:#a855f74d;transform:scale(1.1)}.active-icon{color:#a855f7}.muted-icon{color:#ffffff4d}.main-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:24px;position:relative}.main-content{max-width:440px;position:relative;width:100%;z-index:20}.card{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:#ffffff05;border:1px solid hsla(0,0%,100%,.06);border-radius:32px;box-shadow:0 0 80px #6366f10a,0 32px 64px #0006;padding:48px 36px 36px;text-align:center}.avatar-container{height:130px;margin:0 auto 28px;position:relative;width:130px}.avatar-glow{background:conic-gradient(from 0deg,#a855f7,#6366f1,#3b82f6,#a855f7);filter:blur(20px);inset:-15px;opacity:.2;position:absolute}.avatar-glow,.avatar-ring{animation:ring-spin 6s linear infinite;border-radius:50%}.avatar-ring{background:conic-gradient(from 0deg,#a855f7,#6366f1,#3b82f6,#ec4899,#a855f7);height:130px;padding:3px;position:relative;width:130px;z-index:2}.avatar-img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.avatar-img,.status-dot{border:3px solid #0a0a0f;border-radius:50%}.status-dot{animation:pulse-dot 2s ease-in-out infinite;background:#22c55e;bottom:6px;height:18px;position:absolute;right:10px;width:18px;z-index:3}.username-wrapper{cursor:default;display:inline-block;position:relative;z-index:10}.username-tooltip{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.1);border-radius:8px;bottom:-28px;box-shadow:0 4px 16px #0000004d;color:#ffffffb3;font-size:.65rem;font-weight:600;letter-spacing:.08em;opacity:0;padding:4px 12px;pointer-events:none;transform:translate(-50%) translateY(-6px);transition:all .25s cubic-bezier(.22,1,.36,1);white-space:nowrap;z-index:30}.username-tooltip,.username-tooltip:after{background:#0f0f14e6;left:50%;position:absolute}.username-tooltip:after{border-left:1px solid hsla(0,0%,100%,.1);border-top:1px solid hsla(0,0%,100%,.1);content:"";height:8px;top:-4px;transform:translate(-50%) rotate(45deg);width:8px}.username-wrapper:hover .username-tooltip{opacity:1;transform:translate(-50%) translateY(0)}.username{color:#f1f5f9;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin-bottom:6px}.accent{background:linear-gradient(135deg,#a855f7,#6366f1,#3b82f6);-webkit-background-clip:text;background-size:200% 200%;-webkit-text-fill-color:transparent;animation:gradient-shift 4s ease infinite;background-clip:text}.badges{display:flex;gap:8px;justify-content:center;margin-bottom:12px}.badge,.badges{align-items:center}.badge{border-radius:20px;cursor:default;display:inline-flex;font-size:.68rem;font-weight:600;gap:5px;letter-spacing:.02em;padding:4px 12px 4px 6px;transition:all .3s ease}.badge:hover{transform:translateY(-1px)}.verified-badge{background:#3b82f61a;border:1px solid rgba(59,130,246,.2);color:#93bbfc}.verified-badge:hover{background:#3b82f62e;border-color:#3b82f666;box-shadow:0 2px 16px #3b82f626}.verified-svg{flex-shrink:0;height:16px;width:16px}.staff-badge{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2);color:#fbbf57}.staff-badge:hover{background:#f59e0b2e;border-color:#f59e0b66;box-shadow:0 2px 16px #f59e0b26}.staff-svg{flex-shrink:0;height:14px;width:14px}.tagline{color:#ffffff59;font-size:.85rem;font-weight:400;letter-spacing:.05em;margin-bottom:36px}.social-links{display:flex;flex-direction:column;gap:12px;margin-bottom:32px}.social-link{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);border-radius:18px;color:#fff;cursor:pointer;display:flex;gap:16px;padding:16px 20px;text-decoration:none;transition:all .35s cubic-bezier(.22,1,.36,1)}.social-link:hover{background:#ffffff0f;border-color:var(--hover-color);box-shadow:0 8px 32px #0003,0 0 20px color-mix(in srgb,var(--hover-color) 15%,transparent);transform:translateY(-2px) scale(1.01)}.social-link:hover .link-icon-wrap{background:color-mix(in srgb,var(--hover-color) 15%,transparent);border-color:var(--hover-color)}.social-link:hover .link-icon-wrap i{color:var(--hover-color);transform:scale(1.15)}.social-link:hover .link-arrow{color:var(--hover-color);opacity:1;transform:translate(0)}.link-icon-wrap{align-items:center;background:#ffffff0a;border:1px solid hsla(0,0%,100%,.06);border-radius:14px;display:flex;flex-shrink:0;height:44px;justify-content:center;transition:all .35s ease;width:44px}.link-icon-wrap i{color:#fff9;font-size:1.15rem;transition:all .35s ease}.link-info{flex:1;text-align:left}.link-name{color:#e2e8f0;display:block;font-size:.95rem;font-weight:600}.link-desc{color:#ffffff4d;display:block;font-size:.72rem;margin-top:2px}.link-arrow{color:#ffffff26;font-size:.75rem;opacity:0;transform:translate(-8px);transition:all .35s ease}.views-counter{margin-top:28px}.views-line{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent);height:1px;margin-bottom:18px}.views-info{align-items:center;display:flex;gap:8px;justify-content:center}.views-icon{color:#a855f780;font-size:.7rem}.views-count{color:#fff9;font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:700}.views-label{color:#fff3;font-size:.65rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase}.card-footer{text-align:center}.footer-line{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.06),transparent);height:1px;margin-bottom:20px}.footer-icons{gap:16px}.footer-icon,.footer-icons{display:flex;justify-content:center}.footer-icon{align-items:center;background:#ffffff08;border:1px solid hsla(0,0%,100%,.06);border-radius:50%;color:#ffffff4d;font-size:.85rem;height:36px;text-decoration:none;transition:all .3s ease;width:36px}.footer-icon:hover{background:color-mix(in srgb,var(--hover-color) 15%,transparent);border-color:var(--hover-color);box-shadow:0 4px 20px color-mix(in srgb,var(--hover-color) 20%,transparent);color:var(--hover-color);transform:translateY(-3px) scale(1.1)}.page-footer{bottom:28px;pointer-events:none;position:fixed;text-align:center;width:100%;z-index:50}.page-footer span{color:#ffffff1f;font-size:.6rem;font-weight:700;letter-spacing:.4em;text-transform:uppercase}.fade-leave-active{transition:all .8s ease}.fade-leave-to{filter:blur(20px);opacity:0;transform:scale(1.05)}.reveal-enter-active{transition:all 1.2s cubic-bezier(.22,1,.36,1)}.reveal-enter-from{filter:blur(10px);opacity:0;transform:translateY(30px) scale(.97)}@supports (background:conic-gradient(from var(--angle ),red,blue)){@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}.avatar-glow,.avatar-ring,.portal-avatar-ring{animation:ring-spin 4s linear infinite;background:conic-gradient(from var(--angle),#a855f7,#6366f1,#3b82f6,#ec4899,#a855f7)}}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.avatar-ring,.portal-avatar-ring{animation:none}.avatar-glow{animation:glow-pulse 3s ease-in-out infinite}@keyframes glow-pulse{0%,to{opacity:.15;transform:scale(1)}50%{opacity:.3;transform:scale(1.05)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 6px #22c55e00}}@keyframes pulse-soft{0%,to{opacity:.5}50%{opacity:.9}}@keyframes gradient-shift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float-slow{0%,to{transform:translate(0)}50%{transform:translate(30px,-30px)}}@media(max-width:480px){.card{border-radius:24px;padding:40px 24px 28px}.username{font-size:1.6rem}.avatar-container,.avatar-ring{height:110px;width:110px}.social-link{padding:14px 16px}.music-btn{bottom:20px;left:20px}}
