.mediaplay-login{--ml-glass:rgba(255,255,255,0.055);--ml-glass-strong:rgba(255,255,255,0.09);--ml-glass-border:rgba(255,255,255,0.14)}.mediaplay-login .page{position:relative;z-index:1;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}.mediaplay-login .shell-card{width:100%;max-width:1100px;display:grid;grid-template-columns:1.05fr 1fr;background:rgba(255,255,255,.035);border:1px solid var(--ml-glass-border);border-radius:32px;backdrop-filter:blur(26px) saturate(150%);-webkit-backdrop-filter:blur(26px) saturate(150%);box-shadow:0 40px 100px rgba(0,0,0,.5);overflow:hidden;position:relative}@media (max-width:980px){.mediaplay-login .shell-card{grid-template-columns:1fr}}.mediaplay-login .shell-card:before{content:"";position:absolute;top:8%;bottom:8%;left:51.2%;width:1px;background:linear-gradient(180deg,transparent,var(--ml-glass-border) 30%,var(--ml-glass-border) 70%,transparent)}@media (max-width:980px){.mediaplay-login .shell-card:before{display:none}}.mediaplay-login .preview-panel{position:relative;padding:52px 48px;display:flex;flex-direction:column;justify-content:center}@media (max-width:980px){.mediaplay-login .preview-panel{display:none}}.mediaplay-login .preview-logo{display:flex;align-items:center;gap:11px;margin-bottom:44px}.mediaplay-login .logo-mark{width:38px;height:38px;border-radius:11px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(139,92,246,.4);flex-shrink:0}.mediaplay-login .logo-mark svg{width:17px;height:17px}.mediaplay-login .logo-word{font-size:19px;font-weight:800;letter-spacing:-.01em}.mediaplay-login .preview-heading h1{font-size:34px;line-height:1.16;font-weight:800;margin:0 0 12px;max-width:480px}.mediaplay-login .headline-grad{background:var(--grad-text);-webkit-background-clip:text;background-clip:text;color:transparent}.mediaplay-login .preview-heading p{font-size:14.5px;color:var(--muted);line-height:1.6;max-width:430px;margin:0 0 32px}.mediaplay-login .showcase{flex:1 1;min-height:260px;margin:8px 0 28px}.mediaplay-login .showcase,.mediaplay-login .showcase-badge{position:relative;display:flex;align-items:center;justify-content:center}.mediaplay-login .showcase-badge{width:168px;height:168px;border-radius:50%;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.16),transparent 60%),var(--grad);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 30px 70px rgba(139,92,246,.35);animation:mlBadgeFloat 6s ease-in-out infinite}.mediaplay-login .showcase-badge:before{content:"";position:absolute;inset:-18px;border-radius:50%;border:1px dashed rgba(255,255,255,.18);animation:mlSpinSlow 30s linear infinite}.mediaplay-login .showcase-badge svg{width:46px;height:46px;margin-left:6px}@keyframes mlBadgeFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes mlSpinSlow{to{transform:rotate(1turn)}}.mediaplay-login .chip{position:absolute;display:flex;align-items:center;gap:7px;background:var(--ml-glass-strong);border:1px solid var(--ml-glass-border);padding:8px 14px;border-radius:999px;font-size:12.5px;font-weight:600;color:var(--text);box-shadow:0 12px 26px rgba(0,0,0,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:mlChipFloat 7s ease-in-out infinite}.mediaplay-login .chip .dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.mediaplay-login .chip.c1{top:6%;left:2%;animation-delay:0s}.mediaplay-login .chip.c1 .dot{background:var(--violet)}.mediaplay-login .chip.c2{top:14%;right:0;animation-delay:1.2s}.mediaplay-login .chip.c2 .dot{background:var(--cyan)}.mediaplay-login .chip.c3{bottom:10%;left:8%;animation-delay:2.4s}.mediaplay-login .chip.c3 .dot{background:var(--pink)}.mediaplay-login .chip.c4{bottom:2%;right:10%;animation-delay:3.6s}.mediaplay-login .chip.c4 .dot{background:#a78bfa}@keyframes mlChipFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:1180px){.mediaplay-login .chip{display:none}}.mediaplay-login .preview-features{list-style:none;padding:0;margin:26px 0 0;display:flex;gap:18px;flex-wrap:wrap}.mediaplay-login .preview-features li{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted)}.mediaplay-login .preview-features .ico{width:22px;height:22px;border-radius:7px;background:var(--ml-glass-strong);display:flex;align-items:center;justify-content:center;flex-shrink:0}.mediaplay-login .preview-features svg{width:11px;height:11px;color:var(--cyan)}.mediaplay-login .form-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:52px 48px}.mediaplay-login .demo-tag{position:absolute;top:22px;right:26px;font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;background:var(--ml-glass-strong);border:1px solid var(--ml-glass-border);padding:6px 13px;border-radius:999px}.mediaplay-login .mobile-logo{display:none;align-items:center;gap:10px;margin-bottom:26px}@media (max-width:980px){.mediaplay-login .mobile-logo{display:flex}}.mediaplay-login .auth-shell{width:100%;max-width:400px;position:relative;animation:mlCardIn .75s cubic-bezier(.16,1,.3,1) both;padding-top:26px}@keyframes mlCardIn{0%{opacity:0;transform:translateY(26px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.mediaplay-login .glow-ring{position:absolute;top:26px;left:-1.5px;right:-1.5px;bottom:-1.5px;border-radius:44px 44px 44px 14px;background:linear-gradient(135deg,#8b5cf6,#22d3ee,#f472b6,#8b5cf6);background-size:300% 300%;animation:mlRingMove 8s ease infinite;z-index:-1;opacity:.7}@keyframes mlRingMove{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.mediaplay-login .card-seal{position:absolute;top:0;left:34px;z-index:2;width:52px;height:52px;border-radius:16px;background:var(--grad);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(139,92,246,.5),0 0 0 5px var(--bg-deep)}.mediaplay-login .card-seal svg{width:22px;height:22px}.mediaplay-login .auth-card{position:relative;background:rgba(18,14,32,.7);border-radius:44px 44px 44px 14px;padding:46px 36px 32px;backdrop-filter:blur(28px) saturate(160%);-webkit-backdrop-filter:blur(28px) saturate(160%);box-shadow:0 30px 80px rgba(0,0,0,.55);overflow:hidden}.mediaplay-login .waveform{position:absolute;top:22px;right:28px;display:flex;align-items:flex-end;gap:3px;height:22px;opacity:.55;z-index:1}.mediaplay-login .waveform span{width:3px;border-radius:2px;background:var(--grad-text);animation:mlWave 1.4s ease-in-out infinite}.mediaplay-login .waveform span:first-child{height:40%;animation-delay:0s}.mediaplay-login .waveform span:nth-child(2){height:100%;animation-delay:.15s}.mediaplay-login .waveform span:nth-child(3){height:65%;animation-delay:.3s}.mediaplay-login .waveform span:nth-child(4){height:85%;animation-delay:.45s}.mediaplay-login .waveform span:nth-child(5){height:50%;animation-delay:.6s}@keyframes mlWave{0%,to{transform:scaleY(.5)}50%{transform:scaleY(1)}}.mediaplay-login .auth-card h2{font-size:24px;font-weight:800;margin:0 0 8px;letter-spacing:-.01em}.mediaplay-login .auth-card .sub{font-size:13.5px;color:var(--muted);line-height:1.6;margin:0 0 26px}.mediaplay-login .btn-bbc{position:relative;width:100%;display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#0a0a0a;border:none;border-radius:999px;padding:14px 22px;font-size:15px;font-weight:800;cursor:pointer;overflow:hidden;transition:transform var(--transition-fast),box-shadow var(--transition-fast);box-shadow:0 10px 26px rgba(0,0,0,.35)}.mediaplay-login .btn-bbc:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(139,92,246,.4),0 0 0 2px rgba(139,92,246,.45)}.mediaplay-login .btn-bbc:active{transform:translateY(0)}.mediaplay-login .btn-bbc:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}.mediaplay-login .btn-bbc .bbc-blocks{display:flex;gap:3px;flex-shrink:0;background:#000;padding:5px 6px;border-radius:999px}.mediaplay-login .btn-bbc .bbc-blocks span{width:17px;height:17px;background:#000;border-radius:2px;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9.5px;font-weight:800}.mediaplay-login .btn-bbc .shine{position:absolute;top:0;left:-60%;width:35%;height:100%;background:linear-gradient(120deg,transparent,rgba(139,92,246,.35),transparent);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}.mediaplay-login .btn-bbc:hover .shine{left:135%}.mediaplay-login .btn-bbc.is-loading{cursor:progress;pointer-events:none}.mediaplay-login .btn-bbc.is-loading .bbc-blocks,.mediaplay-login .btn-bbc.is-loading .btn-label{opacity:0}.mediaplay-login .spinner{position:absolute;width:20px;height:20px;border-radius:50%;border:2.5px solid rgba(0,0,0,.15);border-top-color:#000;opacity:0;animation:mlSpin .7s linear infinite}.mediaplay-login .btn-bbc.is-loading .spinner{opacity:1}@keyframes mlSpin{to{transform:rotate(1turn)}}.mediaplay-login .security-note{display:flex;align-items:flex-start;gap:12px;margin-top:18px;padding:2px 0 2px 16px;border-left:2.5px solid;border-image:var(--grad) 1;font-size:12.5px;line-height:1.55;color:var(--muted)}.mediaplay-login .security-note svg{width:15px;height:15px;flex-shrink:0;margin-top:1px;color:var(--cyan)}.mediaplay-login .security-note strong{color:var(--text);font-weight:700}.mediaplay-login .divider{display:flex;align-items:center;gap:14px;margin:24px 0 16px;color:var(--muted);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase}.mediaplay-login .divider:after,.mediaplay-login .divider:before{content:"";flex:1 1;height:1px;background:var(--ml-glass-border)}.mediaplay-login .guest-link{display:block;width:100%;text-align:center;background:none;border:none;color:var(--muted);font-size:13.5px;font-weight:600;cursor:pointer;padding:6px;transition:color var(--transition-fast)}.mediaplay-login .guest-link:hover{color:var(--text)}.mediaplay-login .guest-link span{border-bottom:1px solid transparent;transition:border-color var(--transition-fast)}.mediaplay-login .guest-link:hover span{border-color:currentColor}.mediaplay-login .disclaimer{margin-top:20px;font-size:11.5px;line-height:1.6;color:rgba(182,176,204,.8);text-align:center}.mediaplay-login .disclaimer a{color:var(--cyan);text-decoration:none;font-weight:600}.mediaplay-login .disclaimer a:hover{text-decoration:underline}.mediaplay-login .footer-links{margin-top:16px;display:flex;flex-wrap:wrap;justify-content:center;gap:6px 14px}.mediaplay-login .footer-links a{font-size:12px;color:var(--muted);text-decoration:none;transition:color var(--transition-fast)}.mediaplay-login .footer-links a:hover{color:var(--text)}.mediaplay-login .footer-links .dot{color:rgba(255,255,255,.2)}@media (max-width:480px){.mediaplay-login .auth-card{padding:40px 22px 26px}.mediaplay-login .auth-card h2{font-size:21px}}