/* Dino TV Plus — refined airy header */
:root{--bg:#f7f5ff;--bg2:#f3f8ff;--ink:#241735;--text:#5f5570;--muted:#7c7390;--line:rgba(70,42,104,.10);--cyan:#20B8EF;--purple:#6454DF;--magenta:#D81BCE;--dark:#462A68}
html,body{min-height:100%;margin:0;color:var(--ink);background:radial-gradient(760px 360px at 10% 0%,rgba(100,84,223,.13),transparent 72%),radial-gradient(720px 340px at 92% 8%,rgba(32,184,239,.15),transparent 72%),linear-gradient(180deg,#fbfaff 0%,var(--bg) 48%,var(--bg2) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-dino-header]{position:relative;z-index:50;overflow:hidden;padding:20px 0;color:var(--ink);background:radial-gradient(760px 360px at 10% 0%,rgba(100,84,223,.13),transparent 72%),radial-gradient(720px 340px at 92% 8%,rgba(32,184,239,.15),transparent 72%),linear-gradient(180deg,#fbfaff 0%,var(--bg) 48%,var(--bg2) 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
[data-dino-header]::before{content:"";position:absolute;inset:0;opacity:.28;background-image:linear-gradient(rgba(70,42,104,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(32,184,239,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,black,transparent 86%);pointer-events:none}
[data-dino-header] *{box-sizing:border-box}
[data-dino-header] .dino-wrap{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto;padding:0 18px 0 8px}
[data-dino-header] .broadcast-bar{display:grid;grid-template-columns:84px 176px minmax(440px,1fr) 276px;column-gap:16px;align-items:center}
[data-dino-header] .logo-mark{height:64px;display:flex;align-items:center;justify-content:center;padding:0;text-decoration:none;overflow:visible;transform:translateY(-2px)}
[data-dino-header] .logo-mark img{width:78px;height:58px;max-width:none;object-fit:contain;object-position:center;display:block;background:transparent;filter:drop-shadow(0 8px 16px rgba(70,42,104,.09))}
[data-dino-header] .brand-unit{margin-left:-8px;height:64px;display:flex;align-items:center;justify-content:flex-start;padding:0;text-align:left;text-decoration:none;background:transparent;border:0;box-shadow:none;backdrop-filter:none;clip-path:none;transform:none}
[data-dino-header] .brand-copy{display:flex;align-items:center;justify-content:flex-start;min-width:0;width:100%}
[data-dino-header] .brand-copy strong{display:block;max-width:100%;font-size:22px;font-weight:1000;line-height:.92;white-space:nowrap;letter-spacing:-.035em;background:linear-gradient(90deg,#20B8EF 0%,#6454DF 48%,#D81BCE 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
[data-dino-header] .control-strip{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 20px;background:radial-gradient(260px 90px at 18% 0%,rgba(32,184,239,.07),transparent 72%),radial-gradient(300px 100px at 82% 0%,rgba(216,27,206,.06),transparent 72%),rgba(255,255,255,.48);border:1px solid rgba(100,84,223,.09);box-shadow:0 8px 20px rgba(70,42,104,.035);backdrop-filter:blur(8px);clip-path:polygon(27px 0,100% 0,calc(100% - 27px) 100%,0 100%)}
[data-dino-header] .control-strip a{min-height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;text-decoration:none;color:#36313f;font-size:13px;font-weight:900;white-space:nowrap;transition:.18s ease;background:transparent;border:0;clip-path:none}
[data-dino-header] .control-strip a:hover,[data-dino-header] .control-strip a:focus-visible{color:#fff;background:linear-gradient(90deg,#20B8EF,#6454DF,#D81BCE);clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);outline:none;transform:translateY(-1px)}
[data-dino-header] .login-unit{min-height:64px;display:flex;align-items:center;justify-content:center;gap:10px;padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;clip-path:none}
[data-dino-header] .login-unit a{flex:1;min-width:118px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;padding:0 13px;text-decoration:none;font-size:13px;font-weight:950;white-space:nowrap;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;color:#33283f;background:transparent;border:0;box-shadow:none;clip-path:none}
[data-dino-header] .login-unit .free-trial{color:#6454DF!important;background:linear-gradient(90deg,#20B8EF 0%,#6454DF 52%,#D81BCE 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important;clip-path:none!important}
[data-dino-header] .login-unit .free-trial:hover,[data-dino-header] .login-unit .free-trial:focus-visible,[data-dino-header] .login-unit .free-trial:active{color:#fff!important;background:linear-gradient(90deg,#20B8EF 0%,#6454DF 48%,#D81BCE 100%)!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:#fff!important;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%)!important;box-shadow:0 8px 18px rgba(100,84,223,.13)!important;outline:none;transform:translateY(-1px)}
[data-dino-header] .login-unit .free-trial:visited:not(:hover):not(:focus-visible):not(:active){color:#6454DF!important;background:linear-gradient(90deg,#20B8EF 0%,#6454DF 52%,#D81BCE 100%)!important;-webkit-background-clip:text!important;background-clip:text!important;-webkit-text-fill-color:transparent!important;box-shadow:none!important;clip-path:none!important}
[data-dino-header] .login-unit .step-guide:hover,[data-dino-header] .login-unit .step-guide:focus-visible,[data-dino-header] .login-unit .step-guide:active{color:#fff;background:linear-gradient(90deg,#20B8EF 0%,#6454DF 48%,#D81BCE 100%);-webkit-background-clip:border-box;background-clip:border-box;-webkit-text-fill-color:#fff;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);box-shadow:0 8px 18px rgba(100,84,223,.13);outline:none;transform:translateY(-1px)}
@media(max-width:1220px){[data-dino-header] .dino-wrap{padding:0 16px 0 8px}[data-dino-header] .broadcast-bar{grid-template-columns:78px 160px 1fr;column-gap:14px;row-gap:12px}[data-dino-header] .brand-unit{margin-left:-6px;padding:0}[data-dino-header] .brand-copy strong{font-size:20px}[data-dino-header] .login-unit{grid-column:2/4;justify-self:end;width:276px}[data-dino-header] .control-strip{justify-content:flex-start;overflow-x:auto}}
@media(max-width:760px){[data-dino-header]{padding:14px 0}[data-dino-header] .dino-wrap{padding:0 14px 0 6px}[data-dino-header] .broadcast-bar{grid-template-columns:62px 1fr;gap:8px}[data-dino-header] .logo-mark{height:56px;padding:0;transform:translateY(-1px)}[data-dino-header] .logo-mark img{width:56px;height:50px}[data-dino-header] .brand-unit{height:56px;margin-left:0;padding:0}[data-dino-header] .brand-copy strong{font-size:18px}[data-dino-header] .control-strip,[data-dino-header] .login-unit{grid-column:1/-1;width:100%}[data-dino-header] .control-strip{clip-path:none;border-radius:14px}[data-dino-header] .login-unit{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}}
@media(max-width:480px){[data-dino-header] .control-strip{gap:6px;padding:8px 10px}[data-dino-header] .control-strip a{padding:0 10px}[data-dino-header] .login-unit{grid-template-columns:1fr}[data-dino-header] .login-unit a{width:100%}}