:root{--bg:#050716;--panel:#0c1124;--line:#222c4b;--text:#f7f8ff;--muted:#98a5c0;--violet:#8b5cff;--cyan:#17d9ef;--pink:#ff4fc6;--blue:#2f82ff}
body{background:radial-gradient(circle at 12% 0,#10255b66 0,transparent 30%),radial-gradient(circle at 88% 12%,#6510524d 0,transparent 28%),linear-gradient(#050716,#070b18 58%,#050716);overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;z-index:-1;opacity:.35;background-image:linear-gradient(#24c8ff08 1px,transparent 1px),linear-gradient(90deg,#24c8ff08 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.topbar{position:sticky;top:0;z-index:20;height:76px;max-width:1240px;padding:0 28px;border-bottom-color:#24305299;background:#050716c7;backdrop-filter:blur(18px)}
.brand{font-size:22px;font-weight:850;letter-spacing:-.03em}.brand img{width:37px;height:37px;filter:drop-shadow(0 0 12px #24dfff66)}.brand em{font-style:normal;color:#c06bff}.top-actions{align-items:center}.online{display:flex;align-items:center;gap:8px;color:#8fa2c4;font-size:10px;font-weight:800;letter-spacing:.12em}.online i,.eyebrow i{width:7px;height:7px;border-radius:50%;background:#3cf0a0;box-shadow:0 0 12px #3cf0a0}.lang,.avatar{cursor:pointer}.avatar{box-shadow:0 0 20px #a34cff55}
main{max-width:1240px;padding:34px 28px 126px}.hero{position:relative;grid-template-columns:1.2fr .8fr;min-height:500px;padding:58px;border-color:#2c3c67;border-radius:34px;background:linear-gradient(125deg,#111a32ed,#080c1aeb);box-shadow:0 32px 90px #000a,0 0 70px #4e39ff16}.hero:before{content:"";position:absolute;width:540px;height:540px;right:-110px;top:-120px;border-radius:50%;background:radial-gradient(circle,#c233ff33 0,#235cff22 37%,transparent 68%);filter:blur(8px)}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;align-items:center;gap:9px;color:#87dff4}.hero h1{font-size:clamp(43px,5.7vw,76px);letter-spacing:-.055em}.hero h1 em{background:linear-gradient(105deg,#32dcff 8%,#9e64ff 52%,#ff4cc8 90%);-webkit-background-clip:text;color:transparent}.hero-actions{display:flex;gap:12px;margin-top:28px}.hero-primary,.hero-secondary{border-radius:14px;padding:14px 20px;font-weight:850;cursor:pointer}.hero-primary{color:#fff;border:1px solid #be6aff;background:linear-gradient(135deg,#6537e8,#c23adf);box-shadow:0 12px 34px #883dff4d}.hero-secondary{color:#c8d5ef;border:1px solid #34446c;background:#111930}.trust-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:23px;color:#8493ad;font-size:11px}
.hero-visual{position:relative;z-index:1;width:min(100%,410px);aspect-ratio:1;justify-self:end;display:grid;place-items:center}.hero-visual img{position:relative;z-index:2;width:86%;aspect-ratio:1;object-fit:cover;border-radius:50%;filter:saturate(1.08) drop-shadow(0 0 32px #824fff70);mask-image:radial-gradient(circle,#000 58%,transparent 73%)}.orbit{position:absolute;border:1px solid #3b8fff5c;border-radius:50%;animation:spin 16s linear infinite}.orbit-one{inset:4%;box-shadow:0 0 26px #234fff22}.orbit-two{inset:14%;border-color:#e247d66b;animation-direction:reverse;animation-duration:11s}.orbit:before{content:"";position:absolute;left:50%;top:-4px;width:8px;height:8px;border-radius:50%;background:#23dfff;box-shadow:0 0 15px #23dfff}
.section-title{margin:46px 0 20px}.section-title h2{font-size:30px;letter-spacing:-.03em}.section-note{color:#72829e;font-size:12px}.service{position:relative;min-height:196px;border-radius:23px;background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--glow) 13%,transparent),transparent 38%),linear-gradient(145deg,#11182d,#090f1e);overflow:hidden;transition:.25s transform,.25s border-color,.25s box-shadow}.service:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:.35}.service:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--glow) 65%,#fff0);box-shadow:0 16px 40px color-mix(in srgb,var(--glow) 16%,transparent)}.service .icon{border:1px solid color-mix(in srgb,var(--glow) 42%,transparent);box-shadow:0 0 25px color-mix(in srgb,var(--glow) 18%,transparent)}.service-badge{position:absolute;right:16px;top:16px;color:#4eecae;background:#0d332b;border:1px solid #2b8c70;border-radius:99px;padding:5px 8px;font-size:8px;font-weight:900;letter-spacing:.1em}.empty,.notice,.profile-card,.balance{background:linear-gradient(145deg,#10182b,#0a1120);box-shadow:0 20px 60px #0004}.page-head h1{letter-spacing:-.04em}.bottom-nav{z-index:30;background:#0b1123eb;border-color:#33436c;backdrop-filter:blur(20px)}.bottom-nav button{cursor:pointer}.bottom-nav button.active{background:linear-gradient(135deg,#6041d7,#9e4fe8);box-shadow:0 7px 20px #734cff3d}
@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:860px){.hero{grid-template-columns:1fr;padding:36px}.hero-visual{position:absolute;right:-110px;top:32px;width:360px;opacity:.3}.hero-copy{max-width:650px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.topbar{height:64px;padding:0 15px}.online{display:none}.brand{font-size:19px}.brand img{width:32px;height:32px}main{padding:18px 13px 106px}.hero{min-height:auto;padding:26px 21px;border-radius:25px}.hero-copy{min-width:0}.hero h1{font-size:38px;overflow-wrap:anywhere}.hero p{font-size:15px}.hero-visual{display:none}.hero-actions{flex-direction:column;align-items:stretch}.hero-primary,.hero-secondary{width:100%}.trust-row{gap:8px 14px}.service-grid{grid-template-columns:1fr;gap:10px;min-width:0}.service{min-width:0;min-height:165px;padding:16px;border-radius:18px}.service-badge{top:12px;right:11px;font-size:7px}.section-title h2{font-size:25px}.section-note{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.orbit{animation:none}.service{transition:none}}

/* EmoVeoPro 3.0 — фойдаланувчи берган неон фон ва алоҳида хизмат вкладкалари */
body{background-color:#030512;background-image:linear-gradient(180deg,#030512a6 0,#030512ed 72%,#030512 100%),url('/assets/emoveo-space-bg.webp');background-position:center top;background-size:cover;background-attachment:fixed}
body:before{opacity:.22}.topbar{max-width:none;padding-left:max(28px,calc((100vw - 1240px)/2));padding-right:max(28px,calc((100vw - 1240px)/2));background:#030512d9}.brand-art{width:196px!important;height:56px!important;object-fit:contain;filter:drop-shadow(0 0 14px #1fdfff70)!important}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav button{border:0;background:transparent;color:#8796b4;padding:10px 12px;border-radius:10px;font-size:12px;font-weight:800;cursor:pointer}.desktop-nav button:hover,.desktop-nav button.active{color:#fff;background:#18213b}.hero{background-image:linear-gradient(100deg,#080d21f7 0,#080d21dc 54%,#080d2190 100%),url('/assets/emoveo-spectrum-bg.webp');background-position:center;background-size:cover}.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 100px #060a1c;pointer-events:none}.hero-copy,.hero-visual{z-index:2}
.tool-page,.page#portfolio,.page#guide{min-height:70vh}.tool-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:18px;align-items:start}.tool-panel,.mini-guide,.portfolio-guide,.guide-grid article{border:1px solid #2a3760;background:linear-gradient(145deg,#10182ee8,#080e1ee8);border-radius:24px;padding:25px;box-shadow:0 24px 70px #0007;backdrop-filter:blur(16px)}.tool-panel h2,.mini-guide h3{margin:12px 0 20px}.tool-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:17px;font-size:29px;border:1px solid currentColor}.tool-icon.cyan{color:#20deed;background:#0b3039}.tool-icon.pink{color:#ff59c5;background:#37122f}.tool-icon.green{color:#51e39a;background:#0e3328}.tool-icon.amber{color:#ffc452;background:#372a0e}.tool-label{display:grid;gap:8px;color:#cdd7e9;font-size:13px;font-weight:750;margin:14px 0}.tool-label input,.tool-label textarea,.tool-label select{width:100%;border:1px solid #304369;background:#070d1c;color:#fff;border-radius:13px;padding:14px;font:inherit}.tool-label textarea{min-height:140px;resize:vertical}.upload-zone{position:relative;display:grid;place-items:center;text-align:center;min-height:180px;border:1px dashed #52648c;border-radius:18px;background:#090f20;color:#9b75ff;font-size:38px;cursor:pointer}.upload-zone b,.upload-zone small{display:block;color:#fff;font-size:14px}.upload-zone small{color:#8290aa;font-size:12px;margin-top:6px}.upload-zone input{position:absolute;inset:0;opacity:0;cursor:pointer}.mini-guide ol{margin:0;padding-left:22px;color:#9eacc4}.mini-guide li{padding:9px 0;line-height:1.5}.tool-panel .primary{width:100%;margin-top:15px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-grid article{overflow:hidden;border:1px solid #2a3760;border-radius:24px;background:#0b1224;box-shadow:0 24px 65px #0006;transition:.25s transform}.portfolio-grid article:hover{transform:translateY(-5px)}.portfolio-grid img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.portfolio-grid article div{padding:20px}.portfolio-grid small{color:#35d9ed;font-weight:900;letter-spacing:.15em}.portfolio-grid h3{margin:8px 0}.portfolio-grid p{color:#91a0b9;line-height:1.5;margin:0}.portfolio-guide{margin-top:18px}.portfolio-guide h2{margin-top:0}.portfolio-guide>div{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.portfolio-guide span{display:flex;align-items:center;gap:10px;color:#b6c1d7}.portfolio-guide b{display:grid;place-items:center;min-width:34px;height:34px;border-radius:12px;background:#6e43df;color:#fff}.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.guide-grid article b{color:#45dcf3;font-size:13px;letter-spacing:.18em}.guide-grid article h3{font-size:21px;margin:13px 0 7px}.guide-grid article p{color:#95a4bd;line-height:1.6;margin:0}
@media(max-width:980px){.desktop-nav{display:none}.tool-layout{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}.portfolio-guide>div{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){body{background-attachment:scroll;background-position:center top}.brand-art{width:142px!important;height:42px!important}.topbar{padding:0 14px}.top-actions{gap:6px}.portfolio-grid,.guide-grid{grid-template-columns:1fr}.portfolio-guide>div{grid-template-columns:1fr}.tool-panel,.mini-guide,.portfolio-guide,.guide-grid article{padding:18px;border-radius:19px}.bottom-nav button{font-size:9px}.bottom-nav span{font-size:18px}.hero{background-position:60% center}}

.audio-controls{display:flex;align-items:center;gap:5px;height:41px;padding:4px 8px;border:1px solid #2c3960;border-radius:13px;background:#0b1224d9;box-shadow:0 0 22px #8c4cff20}.audio-controls button{display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:9px;background:#18213a;color:#fff;cursor:pointer;font-size:12px}.audio-controls button:hover{background:#7043dc}.audio-controls label{display:flex}.audio-controls input{width:72px;accent-color:#b547ed;cursor:pointer}.audio-controls span{color:#6ff0ff;font-size:8px;font-weight:900;letter-spacing:.12em}.audio-controls.needs-gesture{border-color:#db55ff;box-shadow:0 0 20px #be48ff55}.audio-controls.playing #audioPlay{background:#653ee0}.audio-controls.muted #audioMute{opacity:.55}.cinematic-intro img{width:min(520px,82vw)}
@media(max-width:1180px){.audio-controls span{display:none}.audio-controls input{width:55px}}
@media(max-width:760px){.audio-controls{position:fixed;z-index:45;top:72px;right:12px;height:38px;padding:3px 6px;background:#080e20ed;backdrop-filter:blur(14px)}.audio-controls input{width:64px}.brand-art{width:134px!important;height:42px!important}}

/* Видеодаги кинематографик ҳаракатлардан мослаштирилган эффектлар */
.cinematic-intro{position:fixed;inset:0;z-index:1000;display:grid;place-content:center;place-items:center;gap:24px;background:radial-gradient(circle at 50% 55%,#35136a 0,#090c23 35%,#02040d 72%);animation:intro-away 2.65s cubic-bezier(.7,0,.2,1) forwards}.cinematic-intro:before,.cinematic-intro:after{content:"";position:absolute;inset:8%;border:1px solid #824cff55;border-radius:38px;box-shadow:inset 0 0 55px #8744ff18}.cinematic-intro:after{inset:12%;border-color:#ff4fc633;filter:blur(6px)}.cinematic-intro img{width:min(390px,72vw);filter:drop-shadow(0 0 28px #5b8cff);animation:intro-logo 1.55s ease both}.cinematic-intro span{position:relative;padding:13px 34px;border:1px solid #e24cff;border-radius:999px;color:#f0d9ff;font-weight:850;box-shadow:0 0 26px #ca43ff88,inset 0 0 22px #8f35ff28;animation:intro-pill 1.25s .35s ease both}.cinematic-intro i{position:absolute;width:180px;height:2px;background:linear-gradient(90deg,transparent,#ff4dd5,#6a68ff,transparent);filter:blur(.4px);animation:intro-scan 1.9s ease-in-out infinite}.cursor-glow{position:fixed;z-index:80;width:190px;height:190px;border-radius:50%;pointer-events:none;opacity:0;transform:translate(-50%,-50%);background:radial-gradient(circle,#bd52ff25 0,#485fff14 35%,transparent 70%);filter:blur(5px);transition:opacity .2s}.cursor-glow.active{opacity:1}.cinematic-frame:before{animation:frame-pulse 5s ease-in-out infinite}.cinematic-frame{animation:hero-arrive .85s .1s both}.hero-copy>*{animation:text-rise .75s both}.hero-copy>*:nth-child(2){animation-delay:.12s}.hero-copy>*:nth-child(3){animation-delay:.22s}.hero-copy>*:nth-child(4){animation-delay:.32s}.hero-copy>*:nth-child(5){animation-delay:.42s}.reveal-stagger .service{opacity:0;transform:translateY(24px) scale(.97)}.reveal-stagger.visible .service{animation:card-reveal .62s both}.reveal-stagger.visible .service:nth-child(2){animation-delay:.08s}.reveal-stagger.visible .service:nth-child(3){animation-delay:.16s}.reveal-stagger.visible .service:nth-child(4){animation-delay:.24s}.reveal-stagger.visible .service:nth-child(5){animation-delay:.32s}.reveal-stagger.visible .service:nth-child(6){animation-delay:.4s}.service:before,.tool-panel:before,.portfolio-grid article:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(115deg,transparent 8%,#8b62ff 30%,#ff4fc6 50%,#ffb63f 67%,transparent 90%);background-size:240% 100%;opacity:.28;pointer-events:none;animation:border-travel 7s linear infinite;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.tool-panel,.portfolio-grid article{position:relative}.page.active .page-head{animation:text-rise .55s both}.page.active .tool-panel,.page.active .mini-guide,.page.active .portfolio-grid article,.page.active .guide-grid article{animation:card-reveal .6s both}
@keyframes intro-logo{from{opacity:0;transform:scale(.72);filter:blur(18px)}to{opacity:1;transform:scale(1);filter:blur(0) drop-shadow(0 0 28px #5b8cff)}}@keyframes intro-pill{from{opacity:0;transform:translateY(24px) scale(.9)}to{opacity:1;transform:none}}@keyframes intro-scan{0%,100%{transform:translateY(-120px);opacity:0}50%{transform:translateY(100px);opacity:1}}@keyframes intro-away{0%,70%{opacity:1;visibility:visible}100%{opacity:0;visibility:hidden;pointer-events:none}}@keyframes hero-arrive{from{opacity:0;transform:scale(.985);filter:blur(7px)}to{opacity:1;transform:none;filter:none}}@keyframes text-rise{from{opacity:0;transform:translateY(22px);filter:blur(5px)}to{opacity:1;transform:none;filter:none}}@keyframes card-reveal{from{opacity:0;transform:translateY(24px) scale(.97);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes border-travel{to{background-position:-240% 0}}@keyframes frame-pulse{0%,100%{opacity:.5}50%{opacity:1}}
@media(max-width:980px){.cursor-glow{display:none}.cinematic-intro{animation-duration:2.1s}.cinematic-intro:before,.cinematic-intro:after{inset:5%;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.cinematic-intro{display:none}.cinematic-frame,.hero-copy>*,.reveal-stagger .service,.page.active .page-head,.page.active .tool-panel,.page.active .mini-guide,.page.active .portfolio-grid article,.page.active .guide-grid article{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}}