:root{--bg: #050612;--muted: #94a3b8;--nav-ink: rgba(255, 255, 255, .88);--nav-muted: rgba(255, 255, 255, .62);--marquee-gap: 10rem}html,body,#root{height:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#e6eef8;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior:none}html,body{overflow-x:hidden}.bg-photo{position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/images/bg-photo.jpg);background-position:center center;background-size:cover;filter:blur(4px) brightness(1.12) saturate(95%);transform-origin:center;will-change:transform;transition:transform .4s cubic-bezier(.22,.9,.31,1);backface-visibility:hidden;z-index:-50}.bg-photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at center,#0000 60%,#000000a6);mix-blend-mode:multiply;z-index:-1}.animated-gradient{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-40;background:radial-gradient(1200px 600px at 15% 20%,rgba(99,102,241,.12),transparent 12%),radial-gradient(1000px 500px at 85% 80%,rgba(236,72,153,.08),transparent 12%),linear-gradient(180deg,#061226,#07102a 45%,#071527);animation:hueShift 18s linear infinite;mix-blend-mode:screen;transition:opacity .4s ease-out}@keyframes hueShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(18deg)}to{filter:hue-rotate(0deg)}}.glass-panel{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:14px;border-radius:12px;position:relative;z-index:50}.glass-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);padding:18px;border-radius:12px;box-shadow:0 8px 30px #02061780;position:relative;z-index:50;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.service-card:nth-child(1){background-color:#ffffff0d;border:1px solid rgba(255,255,255,.12)}.service-card:nth-child(2){background-color:#ffffff1f;border:1px solid rgba(255,255,255,.18)}.service-card:nth-child(3){background-color:#fff3;border:1px solid rgba(255,255,255,.25)}nav a{color:#fff;text-decoration:none;margin-left:20px;font-weight:500;transition:opacity .3s,transform .2s}nav a:hover{opacity:.8;transform:translateY(-2px)}nav a{text-shadow:0 0 6px rgba(0,0,0,.4)}.social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--nav-muted);background:#ffffff05;transition:all .18s ease;text-decoration:none}.social-link:hover{color:var(--nav-ink);background:#ffffff0a;transform:translateY(-2px)}.hero-gradient-strip{position:relative}.hero-gradient-strip:before{content:"";position:absolute;left:-10%;top:-10%;width:200%;height:339%;background:linear-gradient(90deg,#000000bf,#0000008c 30%,#00000040 55%,#0000000d 75%,#0000 90%);filter:blur(40px);z-index:0;pointer-events:none}.hero-gradient-strip>*{position:relative;z-index:1}.service-card h3{color:#f8fafc}.service-card p{color:#e2ecf6eb}@media(max-width:768px){.bg-photo{filter:blur(3px) saturate(85%)}.glass-panel{padding:12px}nav a{margin-left:12px}.social-link{width:34px;height:34px}}.btn-outline-neon{display:inline-block;padding:.55rem 1.99rem;border-radius:9999px;border:.5px solid rgba(255,255,255,.85);color:#fff;text-decoration:none;font-weight:400;position:relative;overflow:hidden;transition:all .3s ease;background:transparent}.btn-outline-neon:hover{border-color:#00b3ff;box-shadow:0 0 12px #00b3ff,0 0 24px #00b3ff80;color:#b3e9ff}.icon-glow{filter:brightness(0) invert(1);opacity:.8;transition:all .3s ease}.icon-glow:hover{opacity:1;filter:drop-shadow(0 0 6px #00b3ff) brightness(1.2)}.nav-link{color:#ffffffd9;transition:color .2s ease}.nav-link:hover{color:#00b3ff}.cover-wrapper{width:100%;overflow:hidden;border-radius:12px 12px 0 0;aspect-ratio:16 / 9;max-height:320px;position:relative;background:linear-gradient(180deg,#0000000d,#0000000a)}.portfolio-cover{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;transition:transform .3s cubic-bezier(.2,.9,.3,1)}.cover-wrapper:hover .portfolio-cover{transform:scale(1.03)}.cover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;background:linear-gradient(180deg,#0000 40%,#0000003d);transition:background .22s ease}.cover-overlay .cover-play{pointer-events:auto;background:#0009;color:#fff;border:none;border-radius:999px;width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;cursor:pointer;transition:transform .18s ease,background .18s ease;box-shadow:0 8px 20px #02061780}.cover-overlay .cover-play:hover{transform:translateY(-3px);background:#000000bf}.glass-card .p-4{padding:16px}@media(max-width:768px){.cover-wrapper{aspect-ratio:16/9;max-height:220px}.portfolio-cover{height:100%}}.hero-controls{max-width:620px}.controls-row{display:flex;align-items:center;gap:18px;justify-content:flex-start;flex-wrap:wrap}.btn-group{display:flex;gap:25px;align-items:center}.btn-neon{padding:.6rem 2.4rem;border-radius:9999px;border:2px solid rgba(0,80,255,.5);background:transparent;color:#dce6ffd9;font-weight:500;font-size:1rem;transition:all .22s ease;box-shadow:0 0 8px #003cff4d,inset 0 0 8px #003cff33}.btn-neon:hover{color:#fff;border-color:#06f;box-shadow:0 0 14px #0078ffe6,0 0 30px #0064ffb3,0 0 60px #005aff99;transform:translateY(-3px) scale(1.04)}.btn-ghost{padding:.6rem 2rem;border-radius:9999px;border:2px solid rgba(0,80,255,.5);background:transparent;color:#dce6ffd9;font-weight:500;font-size:1rem;transition:all .22s ease;box-shadow:0 0 8px #003cff4d,inset 0 0 8px #003cff33}.btn-ghost:hover{color:#fff;border-color:#0078ffcc;box-shadow:0 0 16px #0064ffb3,0 0 32px #0078ff99;transform:translateY(-3px) scale(1.03)}.quick-info .small-note{font-size:.85rem;color:#e2ecf6c2}.quick-info .formats{color:#e2ecf685}.compact-player-wrapper{max-width:520px;padding:14px;border-radius:14px;border:1px solid rgba(255,255,255,.04);margin-top:80px}.custom-player{display:flex;flex-direction:column;gap:12px;color:#e6eef8}.player-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.player-title .title-main{font-weight:600;font-size:.98rem;color:#fff;line-height:1}.player-play{width:52px;height:52px;border-radius:999px;display:inline-grid;place-items:center;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);font-weight:700;font-size:18px;cursor:pointer;transition:box-shadow .16s ease,transform .16s ease}.player-play:hover{transform:translateY(-3px);box-shadow:0 12px 40px #02061773}.player-play.playing{box-shadow:0 0 18px #00b3ff24,0 0 32px #00b3ff0f}.player-progress{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:1px;width:100%;border-radius:999px;background:linear-gradient(90deg,#00b3fff2,#00b3ff73 40%,#ffffff0a 40%);outline:none;cursor:pointer;box-shadow:inset 0 1px #ffffff05}.player-progress::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:9px;border-radius:50%;background:#00b3ff;box-shadow:0 6px 18px #00b3ff1f;border:1.5px solid rgba(255,255,255,.06);transform:translateY(0)}.player-progress::-moz-range-thumb{width:10px;height:9px;border-radius:50%;background:#00b3ff;border:1.5px solid rgba(255,255,255,.06)}.player-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:#e2ecf69e}.player-time{width:48px;text-align:center}.volume-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100px;height:2px;border-radius:999px;background:#ffffff0f;outline:none;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:3px;height:3px;border-radius:50%;background:#9be8ff;border:1px solid rgba(255,255,255,.06);box-shadow:0 2px 6px #00b3ff40}.volume-slider::-moz-range-thumb{width:8px;height:8px;border-radius:50%;background:#9be8ff;border:1px solid rgba(255,255,255,.06)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:#9be8ff;border:1px solid rgba(255,255,255,.06)}.volume-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#9be8ff;border:1px solid rgba(255,255,255,.06)}@media(max-width:720px){.compact-player-wrapper{max-width:100%;padding:12px}.player-play{width:48px;height:48px}.volume-slider{width:72px}.controls-row{gap:12px}}:root{--carousel-gap: 24px}.carousel-container{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;padding-bottom:6px;outline:none}.carousel-track{display:flex;gap:var(--carousel-gap);align-items:stretch;padding:4px 6px}.carousel-item{flex:0 0 calc((100% - (2 * var(--carousel-gap))) / 3);max-width:calc((100% - (2 * var(--carousel-gap))) / 3);box-sizing:border-box}@media(max-width:900px){.carousel-item{flex:0 0 calc((100% - var(--carousel-gap)) / 2);max-width:calc((100% - var(--carousel-gap)) / 2)}}@media(max-width:520px){.carousel-item{flex:0 0 100%;max-width:100%}}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:9999px;border:1px solid rgba(255,255,255,.08);background:#00000073;color:#fff;display:inline-grid;place-items:center;cursor:pointer;z-index:60;transition:all .16s ease;font-size:20px;line-height:1;-webkit-user-select:none;user-select:none}.carousel-btn:hover{transform:translateY(-50%) scale(1.03);box-shadow:0 6px 24px #0050ff2e;border-color:#0078ffbf}.carousel-btn-left{left:-8px}.carousel-btn-right{right:-8px}.carousel-container::-webkit-scrollbar{height:8px}.carousel-container::-webkit-scrollbar-thumb{background:#ffffff0f;border-radius:999px}.cover-audio{display:block;width:100%;border-radius:12px;padding:10px;background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 6px 18px #02061773;margin:0;box-sizing:border-box}.cover-audio-element{width:100%;background:transparent;color:#e6eef8;accent-color:#00b3ff;border-radius:8px}.cover-audio-element::-webkit-media-controls-panel{background:transparent;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cover-audio-element::-webkit-media-controls-enclosure{height:38px}@media(max-width:720px){.cover-audio{padding:8px;border-radius:10px}.cover-audio-element::-webkit-media-controls-enclosure{height:34px}}.cover-wrapper{height:150px;overflow:hidden;border-radius:1rem 1rem 0 0}.p-4{padding:.75rem}@media(max-width:768px){.nav-link{display:block;padding:6px 12px}.social-link img{width:24px;height:24px}}.player-title{flex:1;min-width:0}.player-title .title-main{font-weight:600;font-size:.98rem;color:#fff;line-height:1;display:block;overflow:hidden;white-space:nowrap;position:relative}.player-title .title-sub{font-size:.79rem;color:#e2ecf6a8;margin-top:4px}.player-title .title-main .title-inner{display:inline-block;will-change:transform;transform:translate(0)}.player-title .title-main .title-inner .title-copy{display:inline-block;padding-right:var(--marquee-gap, 10rem)}.player-title .title-main.marquee .title-inner{animation-name:marquee-scroll;animation-timing-function:linear;animation-iteration-count:infinite;animation-duration:var(--marquee-duration, 8s)}.player-title .title-main.marquee:hover .title-inner{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}