/* MyTuner shared cinematic auth theme; real HTML forms remain interactive. */
:root{color-scheme:dark;--red:#ee133f;--cyan:#22c7e7;--glass:rgba(5,11,24,.84)}
*{box-sizing:border-box}
html{min-height:100%}
body.auth-body{min-height:100svh;margin:0;padding:0!important;background:#050b17 url('/mytuner-login-bg.jpg') no-repeat center center/cover fixed!important;color:#f6faff;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;flex-direction:column}
body.auth-body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(4,8,20,.06),rgba(3,8,18,.17) 40%,rgba(4,8,20,.14)),linear-gradient(0deg,rgba(1,4,10,.3),transparent 43%);z-index:0}
.auth-body .wrap{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;justify-content:center;width:min(100% - 32px,526px);min-height:calc(100svh - 70px);margin:0 auto!important;padding:30px 0;max-width:526px}
.auth-body .panel{background:linear-gradient(140deg,rgba(14,18,32,.88),rgba(2,10,21,.89))!important;border:1px solid rgba(26,177,210,.68)!important;border-radius:19px!important;box-shadow:-2px 0 25px rgba(238,19,63,.11),3px 0 28px rgba(21,194,239,.13),0 22px 90px #000a!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:25px 34px!important}
.auth-body .brand{margin:0!important;padding:0 0 19px;text-align:center;font-size:29px!important;letter-spacing:.04em!important;font-style:italic;color:white;font-weight:950!important;line-height:1.1}
.auth-body .brand .tuner{color:#ff234c}
/* Official MyTuner logo on the activation page: replaces the former CLOUD wordmark. */
.auth-body .brand.brand-logo{display:block;align-self:center;line-height:0!important;width:min(100%,260px);max-width:260px;margin:0 auto 12px!important;padding:0!important;font-size:0!important;letter-spacing:normal!important}
.auth-body .brand.brand-logo img{display:block;width:100%;height:auto;object-fit:contain;border:0;filter:drop-shadow(0 9px 20px rgba(0,0,0,.45))}
@media(max-width:620px){.auth-body .brand.brand-logo{width:min(68vw,230px);margin-bottom:12px!important}}
.auth-body .brand .tag,.auth-body .brand small{display:block;font-style:normal;margin-top:8px;color:#47cfe8!important;letter-spacing:.6em;font-size:11px!important}
.auth-body h1{text-align:center;font-size:clamp(23px,2.8vw,28px)!important;line-height:1.22;margin:0 0 9px!important;color:#fff;font-weight:800}
.auth-body .panel>p,.auth-body .panel>div>p{text-align:center;font-size:13px;line-height:1.55;margin:8px 0 17px}
.auth-body form{display:grid;gap:12px}
.auth-body label{display:grid;gap:6px;font-weight:600;font-size:12px;color:#d7e7f5}
.auth-body input{width:100%;min-height:45px;padding:12px 13px;background:rgba(8,18,33,.82)!important;border:1px solid rgba(154,192,220,.39)!important;border-radius:9px;color:white;font:inherit;outline:none}
.auth-body input:focus{border-color:#28d5f5!important;box-shadow:0 0 0 3px rgba(43,206,245,.13)}
.auth-body button[type=submit],.auth-body .button.primary{display:flex;justify-content:center;align-items:center;min-height:49px;width:100%;font-weight:800;background:linear-gradient(135deg,#fd1740,#ae092d)!important;border:1px solid #ff3460!important;border-radius:10px!important;box-shadow:0 4px 24px #f1153c35!important;color:white}
.auth-body button[type=submit]:hover{filter:brightness(1.16)}
.auth-body button:disabled{opacity:.55}
.auth-body #message,.auth-body #result{font-size:13px!important;text-align:center;min-height:22px;margin:12px 0}
.auth-body .success{color:#8becbf!important}.auth-body .error{color:#ffb1ba!important}
.auth-body a{color:#79ddf3;text-decoration:none}
.auth-body a:hover{text-decoration:underline}
.auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.auth-actions a{display:flex;justify-content:center;align-items:center;text-align:center;min-height:43px;padding:10px 8px;border:1px solid #20a6c2;border-radius:10px;background:#07172baf;color:#e9f7ff;font-size:12px;font-weight:700}
.auth-actions a:hover{background:rgba(13,114,145,.45);text-decoration:none}
.auth-actions a.auth-wide{grid-column:1/-1;border-color:#ff3b60;color:#fff;background:rgba(77,9,28,.28);min-height:46px}
.auth-actions a.auth-wide:hover{background:rgba(162,16,55,.35)}
.auth-actions .divider{grid-column:1/-1;text-align:center;color:#b8c4d3;font-size:11px;display:flex;align-items:center;gap:13px}
.auth-actions .divider:before,.auth-actions .divider:after{content:"";display:block;height:1px;background:#7c8da174;flex:1}
.auth-body .muted{font-size:11px!important;color:#b5c4d5!important;line-height:1.5}
.auth-footer{position:relative;z-index:1;margin-top:auto;display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 20px;min-height:65px;background:rgba(3,7,15,.7);border-top:1px solid rgba(179,212,235,.18);backdrop-filter:blur(16px);font-size:12px}
.auth-footer a{color:#e2ebf5!important;font-weight:500}
.auth-footer a:hover{color:#61e4ff!important}
@media(max-width:620px){body.auth-body{background-attachment:scroll!important;background-position:37% center!important}.auth-body .wrap{width:min(100% - 22px,520px);padding:14px 0;min-height:auto;flex:1}.auth-body .panel{padding:20px 17px!important}.auth-body .brand{font-size:25px!important}.auth-footer{gap:11px 17px;font-size:11px}.auth-body h1{font-size:23px!important}}
@media(max-height:820px){.auth-body .wrap{min-height:auto}.auth-body .panel{padding-top:18px!important;padding-bottom:18px!important}}