:root{--font-primary: "Segoe UI", system-ui, -apple-system, roboto, sans-serif;--color-text: #fff;--color-text-secondary: rgb(255 255 255 / 70%);--color-overlay: rgb(0 0 0 / 35%);--color-overlay-hover: rgb(0 0 0 / 50%);--color-overlay-dark: rgb(0 0 0 / 40%);--color-accent: #149ddd;--color-accent-hover: #37b3ed;--shadow-default: 0 4px 15px rgb(0 0 0 / 30%);--shadow-hover: 0 8px 25px rgb(0 0 0 / 40%);--radius-sm: 8px;--radius-md: 15px;--radius-lg: 20px;--z-video: -1;--z-content: 1;--z-music: 1000;--z-visitor: 1000;--transition-fast: .2s ease;--transition-default: .3s ease;--transition-slow: .5s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;font-family:var(--font-primary);color:var(--color-text);overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{position:fixed;width:100%;height:100%;top:0;left:0}.page-loader{position:fixed;top:0;left:0;width:100%;height:100%;background:#000;display:flex;align-items:center;justify-content:center;z-index:99999;transition:opacity var(--transition-slow),visibility var(--transition-slow)}.page-loader.loaded{opacity:0;visibility:hidden;pointer-events:none}.loader-spinner{width:40px;height:40px;border:3px solid rgb(255 255 255 / 10%);border-top-color:var(--color-accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.video-background{position:fixed;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:var(--z-video)}.video-background video{width:100%;height:100%;object-fit:cover;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);filter:brightness(.45) saturate(1.1)}.content{position:relative;z-index:var(--z-content);display:flex;justify-content:center;align-items:center;height:100vh;height:calc(var(--vh, 1vh) * 100);text-align:center;padding:20px}.profile{background-color:var(--color-overlay);padding:50px 60px;border-radius:var(--radius-lg);box-shadow:var(--shadow-hover);backdrop-filter:blur(8px);animation:fadeInUp 1.5s ease-out;max-width:600px;width:100%;border:1px solid rgb(255 255 255 / 8%)}h1{margin:10px 0;font-size:clamp(1.8rem,5vw,3rem);font-weight:700;letter-spacing:-.5px;line-height:1.2}.profile p{margin:0;font-size:clamp(1rem,2.5vw,1.2rem);line-height:1.6;color:var(--color-text-secondary)}.music-control{position:fixed;top:20px;right:20px;background-color:var(--color-overlay);color:var(--color-text);padding:10px 16px;border-radius:50px;cursor:pointer;display:flex;align-items:center;gap:8px;z-index:var(--z-music);box-shadow:var(--shadow-default);font-size:.9em;animation:fadeIn 2s ease-in-out;border:1px solid rgb(255 255 255 / 10%);outline:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--transition-default),transform var(--transition-fast),box-shadow var(--transition-default);backdrop-filter:blur(4px)}.music-control:hover{background-color:var(--color-overlay-hover);transform:translateY(-2px);box-shadow:var(--shadow-hover)}.music-control:active{transform:translateY(0)}.music-control:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}#visitor-counter{position:fixed;right:20px;bottom:20px;background-color:var(--color-overlay-dark);color:var(--color-text);padding:8px 14px;border-radius:50px;display:flex;align-items:center;gap:8px;font-size:.85em;z-index:var(--z-visitor);box-shadow:var(--shadow-default);backdrop-filter:blur(4px);animation:fadeIn 1.2s ease-in-out;user-select:none;border:1px solid rgb(255 255 255 / 6%)}#visitor-counter i{opacity:.9}#visitor-counter .count{font-weight:700;min-width:20px;text-align:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.profile{animation:none}.music-control,#visitor-counter{animation:fadeIn .5s ease}}@media(width<=768px){.profile{padding:30px 25px;width:100%;margin:0 10px}h1{font-size:1.8em}.profile p{font-size:1em}.music-control{top:15px;right:15px;padding:8px 12px;font-size:.8em}#visitor-counter{right:15px;bottom:15px;padding:6px 12px;font-size:.8em}}@media(width<=480px){.profile{padding:25px 20px}}@media(height<=360px){.profile{padding:14px 18px;animation:none}h1{font-size:1.4em;margin:4px 0}.profile p{font-size:.9em}.music-control{top:10px;right:10px;padding:6px 10px;font-size:.75em}#visitor-counter{right:10px;bottom:10px;padding:5px 10px;font-size:.75em}}