/* ACMTV8 Studio Login 1.1 — restrained cinematic motion */
:root{--ink:#081727;--sky:#91d6ff;--line:rgba(169,208,240,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}body{background:#071320;color:#f4f8ff}a{color:inherit}.stage{min-height:100svh;position:relative;overflow:hidden;isolation:isolate;background:#071320}.studio-photo{position:absolute;inset:0 32% 0 0;z-index:-4;background:url(studio.jpg) left 49%/cover no-repeat;animation:camera-breathe 23s ease-in-out infinite alternate;will-change:transform}.ambient{position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(4,12,22,.06) 0%,rgba(4,13,24,.23) 45%,rgba(5,16,31,.67) 66%,#061423 100%),linear-gradient(0deg,#071421 0%,transparent 26%)}.stage-light{position:absolute;pointer-events:none;z-index:-2;filter:blur(62px);border-radius:50%;mix-blend-mode:screen}.stage-light-one{width:340px;height:380px;top:7%;left:34%;background:rgba(60,133,214,.12);animation:light-drift 17s ease-in-out infinite alternate}.stage-light-two{width:330px;height:260px;bottom:2%;left:12%;background:rgba(246,144,60,.10);animation:light-drift 21s ease-in-out infinite alternate-reverse}.stage-inner{width:min(1640px,100%);padding:clamp(14px,2.3vw,32px) clamp(18px,3.5vw,56px) 16px;margin:0 auto;min-height:100svh;display:flex;flex-direction:column}.mast{min-height:65px;display:flex;align-items:center}.brand-lockup{display:inline-flex;align-items:center;gap:13px;filter:drop-shadow(0 7px 20px rgba(0,0,0,.32));animation:logo-reveal .85s ease-out both}.brand-symbol{width:49px;height:49px;display:grid;place-items:center;color:#b7e2f8;border-radius:50%;background:linear-gradient(145deg,rgba(22,55,80,.7),rgba(5,20,33,.6));border:1px solid rgba(176,221,247,.28);box-shadow:0 0 24px rgba(44,140,208,.12)}.brand-symbol svg{width:37px;height:37px;animation:rotate-lens 24s linear infinite}.brand-type{display:flex;flex-direction:column}.brand-name{font-weight:800;font-size:clamp(27px,2.55vw,39px);letter-spacing:-.065em;line-height:1;color:#fff}.brand-tv{font-weight:500;letter-spacing:-.075em;color:#d5eaf7}.brand-eight{font-weight:800;margin-left:3px;color:#a5d6f6}.brand-subtitle{font-size:9px;letter-spacing:.22em;font-weight:550;margin-top:9px;color:#c0d1df}.login-layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(345px,435px);align-items:center;gap:32px;padding:9px 0 16px}.login-panel{position:relative;width:100%;padding:clamp(25px,2.6vw,40px);background:linear-gradient(155deg,rgba(27,52,82,.84),rgba(8,24,45,.91));border:1px solid rgba(178,217,247,.36);border-radius:28px;box-shadow:0 28px 78px rgba(0,0,0,.38),0 0 45px rgba(54,146,211,.06),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:panel-rise .85s cubic-bezier(.18,.72,.2,1) both;overflow:hidden}.panel-topline{position:absolute;top:0;left:16%;right:16%;height:1px;background:linear-gradient(90deg,transparent,rgba(179,228,255,.75),transparent)}.login-panel:before{content:"";position:absolute;pointer-events:none;inset:-80% auto auto -130%;width:72%;height:240%;background:linear-gradient(90deg,transparent,rgba(172,218,255,.045),transparent);transform:rotate(26deg);animation:glass-sweep 11s ease-in-out 1.6s infinite}.avatar{position:relative;width:68px;height:68px;border-radius:50%;border:1px solid #64abd3;box-shadow:0 0 0 7px rgba(71,170,224,.08),0 0 22px rgba(50,153,223,.22);display:grid;place-items:center;margin:0 auto 23px;background:rgba(9,36,62,.9);animation:avatar-breathe 4.6s ease-in-out infinite}.avatar-halo{position:absolute;inset:-10px;border:1px solid rgba(96,187,242,.15);border-radius:50%;animation:halo 4.6s ease-in-out infinite;pointer-events:none}.avatar svg,.field svg{height:25px;width:25px;fill:none;stroke:#9edafd;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.login-panel h1{font-size:clamp(21px,2vw,26px);margin:0;text-align:center;line-height:1.3;letter-spacing:-.025em}.intro{color:#b8c9db;font-size:13px;text-align:center;margin:8px 0 23px}.login-form label:not(.remember){display:block;font-size:12px;color:#dceafa;margin:14px 0 8px}.field{display:flex;align-items:center;gap:12px;background:rgba(7,22,41,.62);border:1px solid rgba(158,194,219,.30);border-radius:13px;padding:0 14px;transition:border-color .25s,box-shadow .25s,transform .25s,background .25s}.field:hover{border-color:rgba(144,207,244,.5)}.field:focus-within{border-color:#8bdaff;box-shadow:0 0 0 3px rgba(69,161,228,.17),0 0 24px rgba(38,142,220,.15);background:rgba(13,32,54,.88);transform:translateY(-1px)}.field input{height:49px;min-width:0;flex:1;border:0;outline:0;background:transparent;color:white;font:inherit;font-size:14px}.field input::placeholder{color:#91a8be}.field svg{height:21px;width:21px;flex-shrink:0}.pass-toggle{border:0;color:#a7dcff;background:transparent;padding:8px;cursor:pointer;font:inherit;font-size:12px}.extras{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:18px 0 21px;font-size:12px}.extras a{color:#9bd7ff;text-decoration:none}.extras a:hover{text-decoration:underline}.remember{display:flex;gap:8px;align-items:center;color:#d5e1ee}.remember input{accent-color:#2889ce;width:15px;height:15px}.sign-in{position:relative;overflow:hidden;width:100%;display:flex;justify-content:center;align-items:center;gap:16px;padding:15px 18px;background:linear-gradient(112deg,#286eb5,#218fda);border:1px solid rgba(141,218,255,.68);color:white;text-decoration:none;border-radius:13px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 12px 27px rgba(11,95,167,.28);transition:transform .22s,box-shadow .22s,filter .22s}.sign-in:after{content:"";position:absolute;inset:0 auto 0 -60%;width:40%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:skewX(-22deg);animation:button-shine 7s ease-in-out 2s infinite}.sign-in:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 16px 34px rgba(11,95,167,.38)}.button-arrow{transition:transform .25s}.sign-in:hover .button-arrow{transform:translateX(5px)}.sign-in:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #a8dfff;outline-offset:3px}.logout{display:block;text-align:center;font-size:13px;margin-top:18px;color:#b4cbe0}.login-error{background:#51232b;border:1px solid #d17e89;color:#fff2f2;padding:10px;border-radius:9px;font-size:12px}.category-strip{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:8px;margin-top:auto}.category-strip span{text-align:center;padding:12px 4px;border-radius:11px;font-size:11px;color:#d2e0ee;background:rgba(14,33,57,.72);border:1px solid rgba(158,190,221,.22);backdrop-filter:blur(9px);animation:category-in .65s ease-out both;transition:background .25s,border-color .25s,transform .25s}.category-strip span:hover{background:rgba(35,72,110,.86);border-color:rgba(154,209,241,.55);transform:translateY(-3px)}.category-strip span:nth-child(2n){animation-delay:.1s}.category-strip span:nth-child(3n){animation-delay:.2s}.category-strip span:nth-child(4n){animation-delay:.3s}.fineprint{text-align:center;color:#8fa7bb;font-size:11px;margin-top:13px}.app-shell{background:#f4f7f9;color:#172b3c;min-height:100svh;padding:20px}.app-head{display:flex;justify-content:space-between;margin:0 auto 24px;max-width:1380px}.missing-app{background:white;border-radius:14px;padding:24px;max-width:750px;margin:60px auto}.generic{padding:40px;max-width:1100px;margin:auto}@keyframes panel-rise{from{opacity:0;transform:translateY(36px) scale(.975);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}@keyframes logo-reveal{from{opacity:0;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes rotate-lens{to{transform:rotate(360deg)}}@keyframes camera-breathe{0%{transform:scale(1)}100%{transform:scale(1.045) translateX(-.8%)}}@keyframes light-drift{from{transform:translate(0,0);opacity:.55}to{transform:translate(65px,-35px);opacity:.92}}@keyframes avatar-breathe{50%{box-shadow:0 0 0 9px rgba(71,170,224,.06),0 0 35px rgba(50,153,223,.37)}}@keyframes halo{50%{transform:scale(1.07);opacity:.6}}@keyframes glass-sweep{0%,72%{left:-130%}90%,100%{left:165%}}@keyframes button-shine{0%,65%{left:-60%}82%,100%{left:150%}}@keyframes category-in{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:950px){.studio-photo{inset:0;background-position:27% center;opacity:.65}.ambient{background:linear-gradient(0deg,#071421 0%,rgba(5,17,32,.76) 38%,rgba(4,14,27,.5) 100%)}.login-layout{grid-template-columns:1fr;justify-items:center}.scene-space{display:none}.login-panel{max-width:470px}.category-strip{grid-template-columns:repeat(6,1fr)}}@media(max-width:540px){.stage-inner{padding:14px 15px 20px}.mast{min-height:55px}.brand-symbol{width:41px;height:41px}.brand-symbol svg{width:30px;height:30px}.brand-name{font-size:29px}.brand-subtitle{font-size:8px;letter-spacing:.1em}.login-layout{padding:22px 0 24px}.login-panel{padding:24px 20px;border-radius:20px}.avatar{width:55px;height:55px;margin-bottom:18px}.category-strip{grid-template-columns:repeat(4,1fr);gap:6px}.category-strip span{font-size:10px;padding:11px 4px}.fineprint{font-size:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ACMTV8 v1.2 — verified-source corporate logos, one restrained lockup */
.official-brands{display:flex;align-items:center;gap:clamp(12px,2.2vw,32px);animation:logo-reveal .85s ease-out both;min-height:68px}
.official-brand{display:flex;align-items:center;justify-content:center;text-decoration:none;max-width:230px;min-height:52px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.35));transition:opacity .2s ease,transform .2s ease}
.official-brand:hover{opacity:.9;transform:translateY(-1px)}
.official-brand img{display:block;width:auto;height:auto;max-width:100%;object-fit:contain}
.acunmedya-mark img{max-height:67px;max-width:195px}
.tv8-mark img{max-height:72px;max-width:98px}
.brand-separator{width:1px;height:45px;background:rgba(220,236,251,.38)}
.brand-fallback{font-weight:750;letter-spacing:.09em;color:white;font-size:18px}
@media(max-width:540px){.official-brands{gap:13px;min-height:53px}.official-brand{min-height:40px}.acunmedya-mark img{max-width:135px;max-height:43px}.tv8-mark img{max-width:55px;max-height:48px}.brand-separator{height:32px}.brand-fallback{font-size:13px}}