:root{
  --dm-violet:#d93645;
  --dm-cyan:#ff705f;
  --dm-amber:#ffb14a;
  --dm-deep:#111522;
  --sky-bg:#f6f7fb;
  --sky-panel:#fff;
  --sky-ink:#171927;
  --sky-muted:#686d80;
  --sky-line:#e1e3ec;
  --sky-blue:#c92f3f;
  --sky-soft:#fff0f1;
  --sky-navy:#121625
}
html[data-theme=dark]{
  --sky-bg:#0d101a;
  --sky-panel:#151927;
  --sky-ink:#f3f4fa;
  --sky-muted:#a7abba;
  --sky-line:#2b3041;
  --sky-blue:#ff7a72;
  --sky-soft:#352027;
  --sky-navy:#090b12
}
body{
  background:
    radial-gradient(circle at 82% 8%,rgba(217,54,69,.09),transparent 25rem),
    var(--sky-bg)
}
.sky-top{background:#0b0e18;color:#c8c9d4}
.sky-top a{color:#ffaaa5}
.header.wrap{border:1px solid color-mix(in srgb,var(--sky-line) 72%,transparent);padding-inline:24px}
.darkmovies-brand{display:inline-flex;align-items:center;min-width:0}
.darkmovies-brand img{display:block;width:178px!important;height:auto!important;max-height:54px;object-fit:contain}
.darkmovies-brand .logo-on-dark{display:none}
html[data-theme=dark] .darkmovies-brand .logo-on-light{display:none}
html[data-theme=dark] .darkmovies-brand .logo-on-dark{display:block}
.footer-brand img{width:190px!important;max-height:58px}
.sky-footer .footer-brand img{display:block}
.button,html[data-theme=dark] .button{
  background:var(--dm-violet);
  border-color:var(--dm-violet);
  box-shadow:0 8px 22px rgba(217,54,69,.2)
}
.button:hover{background:#bd2938;border-color:#bd2938}
.dark-hero{padding-top:42px}
.dark-hero .sky-hero-copy{position:relative;z-index:1}
.dark-hero .sky-kicker{color:var(--sky-muted)}
.dark-hero .sky-kicker i{background:var(--dm-cyan);box-shadow:0 0 0 5px rgba(255,112,95,.12)}
.dark-hero h1 em{color:var(--dm-violet)}
.dark-hero h1 em:after{background:linear-gradient(90deg,var(--dm-violet),var(--dm-cyan));height:4px}
.dark-hero .sky-hero-image{padding:12px 12px 52px 0}
.dark-hero .sky-hero-image:before{border-color:rgba(217,54,69,.36)}
.dark-hero .sky-hero-image>img{filter:saturate(.9) contrast(1.03)}
.dark-frame-label{
  position:absolute;
  top:31px;
  left:30px;
  display:grid;
  gap:5px;
  max-width:245px;
  padding:12px 16px;
  border:1px solid rgba(255,255,255,.24);
  border-radius:13px;
  color:#fff;
  background:rgba(10,12,21,.58);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.dark-frame-label span{font:9px Arial,sans-serif;letter-spacing:1.7px;color:#ffaaa5}
.dark-frame-label strong{font-size:12px;line-height:1.7}
.sky-directions{gap:12px;border:0;padding:12px 0 26px}
.sky-directions>a{
  min-height:88px;
  border:1px solid var(--sky-line)!important;
  border-radius:17px;
  background:color-mix(in srgb,var(--sky-panel) 92%,transparent);
  transition:border-color .18s,transform .18s
}
.sky-directions>a:hover{border-color:rgba(217,54,69,.48)!important;transform:translateY(-2px)}
.direction-icon{background:linear-gradient(145deg,var(--sky-soft),color-mix(in srgb,var(--sky-soft) 65%,var(--sky-panel)));color:var(--dm-violet)}
.course-card:hover{border-color:rgba(217,54,69,.48)}
.sky-path{background:#121625}
.sky-footer{background:#0b0e18}
.theme-toggle,.sky-cart{border-radius:11px}
.theme-toggle:hover,.sky-cart:hover{background:var(--sky-soft)}
.darkmovies-brand:focus-visible{outline-offset:5px}
@media(max-width:780px){
  body{background:radial-gradient(circle at 88% 3%,rgba(217,54,69,.09),transparent 17rem),var(--sky-bg)}
  .header.wrap{padding-inline:15px;min-height:78px}
  .darkmovies-brand img{width:142px!important;max-height:44px}
  .dark-hero{padding-top:16px}
  .dark-hero h1{font-size:41px}
  .dark-frame-label{top:24px;left:24px;padding:9px 12px;max-width:210px}
  .dark-frame-label strong{font-size:10px}
  .sky-directions{gap:10px;padding-bottom:18px}
  .sky-directions>a{min-height:72px;padding:13px 15px}
  .footer-brand img{width:166px!important}
}
@media(max-width:430px){
  .header.wrap{width:calc(100% - 24px)}
  .darkmovies-brand img{width:132px!important}
  .dark-hero h1{font-size:38px}
  .dark-frame-label{right:24px;left:auto}
}
@media(prefers-reduced-motion:reduce){
  .sky-directions>a{transition:none}
  .sky-directions>a:hover{transform:none}
}