:root {
  --bg-main: #0e0f12;
  --gold: #d4af37;
  --gold-soft: rgba(212, 175, 55, 0.2);
  --text-main: #f5f5f5;
  --text-muted: #b9b9b9;
  --line: #2e3038;
  --shadow: 0 18px 45px rgba(0,0,0,0.45);
}
*{box-sizing:border-box;margin:0;padding:0;}
body{background:var(--bg-main);color:var(--text-main);font-family:'Segoe UI',sans-serif;}
.video-page{width:min(1100px,94vw);margin:0 auto;padding:60px 24px;}
.hero{text-align:center;margin-bottom:40px;}
.hero h1{font-size:clamp(2rem,5vw,3rem);background:linear-gradient(135deg,#f5f5f5 0%,var(--gold) 50%,#f5f5f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.hero .subline{font-size:1.1rem;color:var(--text-muted);margin-top:8px;}
.video-section{display:flex;flex-direction:column;align-items:center;margin-bottom:60px;}
.video-container{position:relative;width:80%;padding-top:45%;}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0;border-radius:12px;box-shadow:var(--shadow);}
.video-intro{max-width:800px;margin-top:20px;color:var(--text-muted);line-height:1.6;font-size:1rem;text-align:center;padding:0 10px;}
.features-section{margin-bottom:60px;}
.features-section h2{font-size:clamp(1.8rem,4vw,2.4rem);margin-bottom:16px;background:linear-gradient(135deg,#f5f5f5 0%,var(--gold) 50%,#f5f5f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;}
.features-section ul{list-style:disc inside;line-height:1.6;color:var(--text-main);}
.features-section li{margin:8px 0;}
.features-section strong{color:var(--gold);}
.cta-section{text-align:center;margin-top:40px;}
.cta-section .btn{display:inline-flex;align-items:center;justify-content:center;margin:0 10px;padding:14px 28px;border-radius:12px;font-weight:700;text-decoration:none;transition:all .3s, box-shadow .3s;position:relative;overflow:hidden;}
.cta-section .btn::before{content:"";position:absolute;inset:0;background:rgba(255,255,255,0.1);opacity:0;transition:opacity .3s;}
.cta-section .btn:hover::before{opacity:1;}
.cta-section .btn:focus{outline:none;box-shadow:0 0 0 4px rgba(212,175,55,0.5);}  

/* larger variant */
.cta-section .btn-lg{padding:18px 36px;font-size:1.1rem;}

/* promo section */
.promo-section{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:16px;padding:40px 30px;margin:60px 0;text-align:center;}
.promo-section h2{font-size:clamp(1.8rem,4vw,2.4rem);background:linear-gradient(135deg,#f5f5f5 0%,var(--gold) 50%,#f5f5f5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:16px;}
.promo-section p{color:var(--text-main);font-size:1rem;line-height:1.6;margin:12px auto;max-width:800px;}
.promo-features{list-style:none;padding:0;margin:20px auto;max-width:500px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;}
.promo-features li{background:rgba(212,175,55,0.1);padding:12px 16px;border-radius:8px;font-weight:600;color:var(--text-main);}
.cta-section .btn-primary{background:var(--gold);color:#000;box-shadow:0 8px 25px rgba(212,175,55,0.4);}
.cta-section .btn-primary:hover{background:#e8c547;}
.cta-section .btn-secondary{background:transparent;color:var(--gold);border:2px solid var(--gold);}
.cta-section .btn:hover{transform:translateY(-3px);}
@media(max-width:768px){.video-container{width:100%;padding-top:56.25%;}.features-section ul{font-size:0.95rem;}.hero h1{font-size:2rem;}}