:root{--bg:#0b0b0b;--fg:#f5f5f5;--muted:#9aa3af;--brand:#00ff7f;--accent:#ffd400;--danger:#ff4d4d}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:1000px;margin:0 auto;padding:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 18px;border-radius:12px;background:var(--brand);color:#0b0b0b;font-weight:800;text-decoration:none;border:none;cursor:pointer}.btn.secondary{background:#1f2937;color:var(--fg);border:1px solid #374151}.btn:disabled{opacity:.6;cursor:not-allowed}.header{position:sticky;top:0;z-index:50;-webkit-backdrop-filter:saturate(180%) blur(6px);backdrop-filter:saturate(180%) blur(6px);background:#0b0b0bbf;border-bottom:1px solid #1f2937}.header .inner{display:flex;align-items:center;justify-content:space-between}.header-logo{height:56px;width:auto;opacity:.95;border-radius:6px}@media (max-width:600px){.header-logo{height:36px}}.hero{position:relative;min-height:85vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding-top:80px}.hero .bg{position:absolute;top:0;bottom:0;left:0;right:0;background:url(/assets/TIVA_OK-CkP6qCJJ.png) center 70%/cover no-repeat;filter:grayscale(100%) blur(0px);opacity:.45;transform:scale(1.02)}.hero .overlay{position:absolute;top:0;bottom:0;left:0;right:0;background:radial-gradient(ellipse 800px 600px at center 45%,#000c,#0009 35%,#000000bf)}.hero .content{position:relative;z-index:5;text-align:center;padding:24px}.kicker{letter-spacing:.25em;color:var(--brand);font-weight:800;font-size:14px;text-transform:uppercase}h1{font-size:clamp(28px,4vw,56px);margin:10px 0 12px;line-height:1.05}.sub{color:var(--muted);font-size:clamp(14px,2vw,18px)}.countdown{display:flex;gap:14px;justify-content:center;margin:24px 0}.tile{background:#111827;border:1px solid #1f2937;border-radius:12px;padding:10px 12px;text-align:center;min-width:72px}.num{font-size:28px;font-weight:800}.lbl{font-size:12px;color:#9ca3af}.grid{display:grid;grid-template-columns:1fr;gap:24px}@media (min-width:850px){.grid{grid-template-columns:1fr 1fr}}.card{background:#0e1117;border:1px solid #1f2937;border-radius:16px;padding:18px;position:relative;overflow:hidden}.card:before{content:"";position:absolute;bottom:-10px;right:-10px;width:180px;height:180px;opacity:.12;pointer-events:none;filter:grayscale(100%)}.card h3{margin:0 0 6px}.list{margin:0;padding-left:18px}.list li{margin:6px 0}.footer{margin-top:48px;padding:32px 0;border-top:1px solid #1f2937;color:#9aa3af;font-size:14px;text-align:center}.footer-image{margin-bottom:24px}.footer-image img{max-width:400px;width:100%;height:auto;border-radius:16px;opacity:.9}.footer-text{margin-top:12px}.lang-toggle{display:flex;gap:8px;border:1px solid #374151;border-radius:12px;padding:4px;background:#0b1220}.lang-toggle button{border:none;background:transparent;color:#9aa3af;padding:6px 10px;border-radius:8px;cursor:pointer}.lang-toggle button.active{background:#18212f;color:#fff;font-weight:700}.form{display:grid;gap:12px}.form label{font-weight:700;font-size:13px;color:#cbd5e1}.form input,.form textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #374151;background:#0b1220;color:#fff;outline:none}.form textarea{min-height:120px;resize:vertical}.form .hint{font-size:12px;color:#9aa3af}.form .row{display:flex;gap:12px;flex-wrap:wrap}.toast{margin-top:10px;font-weight:700}.toast.ok{color:#86efac}.toast.err{color:#fca5a5}.hero-grid{display:grid;gap:32px;align-items:center;width:100%}@media (min-width:900px){.hero-grid{grid-template-columns:1.1fr 1fr}}.trailer-card{position:relative;background:#0e1117d9;border:1px solid #1f2937;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease}.trailer-card:hover{transform:translateY(-4px);box-shadow:0 24px 70px #00ff7f26}.trailer-card:focus{outline:2px solid var(--brand);outline-offset:3px}.trailer-aspect{position:relative;width:100%;aspect-ratio:16/9;background:#0b1220;overflow:hidden}.trailer-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.85;pointer-events:none}.play-btn{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.play-btn button{position:relative;width:82px;height:82px;border-radius:50%;border:none;cursor:pointer;background:radial-gradient(circle at 30% 30%,var(--brand),#0b1220);box-shadow:0 8px 30px #00ff7f40;transition:transform .2s ease,box-shadow .2s ease;display:grid;place-items:center;pointer-events:none}.trailer-card:hover .play-btn button{transform:scale(1.08);box-shadow:0 12px 40px #00ff7f59}.play-btn button:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;border:2px solid rgba(0,255,127,.25);animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.6}to{transform:scale(1.15);opacity:0}}.trailer-label{padding:14px 16px;text-align:center;font-weight:700;font-size:15px;color:var(--fg);background:#0e1117;border-top:1px solid #1f2937}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px}.modal .backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal .panel{position:relative;margin:0 auto;max-width:min(1100px,95vw);width:100%;border-radius:16px;overflow:hidden;background:#0b0b0b;border:1px solid #1f2937;box-shadow:0 25px 80px #000000b3}.modal video{display:block;width:100%;height:auto;background:#000;max-height:85vh}.modal .close{position:absolute;top:12px;right:12px;z-index:10;background:#111827f2;border:1px solid #374151;color:#fff;border-radius:10px;padding:8px 12px;cursor:pointer;font-size:18px;font-weight:700;transition:background .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal .close:hover{background:#1f2937f2;color:var(--brand)}.gallery-section{position:relative;padding:80px 0;margin:40px 0;overflow:hidden}.gallery-section:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 1200px 600px at center,rgba(0,255,127,.03) 0%,transparent 60%);pointer-events:none;z-index:1}.gallery-container{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}.gallery-title{text-align:center;font-size:clamp(28px,4vw,42px);margin:0 0 40px;font-weight:800;letter-spacing:-.02em}.carousel{position:relative;overflow:hidden;border-radius:20px;background:#0e1117;box-shadow:0 20px 60px #0006,0 0 0 1px #ffffff0d;aspect-ratio:16/10}@media (max-width:768px){.carousel{aspect-ratio:4/3;border-radius:16px}}.carousel-track{display:flex;transition:transform .7s cubic-bezier(.4,0,.2,1);height:100%}.carousel-slide{flex:0 0 100%;height:100%;position:relative}.carousel-slide img{width:100%;height:100%;object-fit:cover;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:50px;height:50px;border-radius:50%;border:none;background:#0b0b0bd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--brand);font-size:32px;font-weight:300;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d}.carousel-btn:hover{background:#111827f2;transform:translateY(-50%) scale(1.1);box-shadow:0 6px 20px #00ff7f33}.carousel-btn.prev{left:20px}.carousel-btn.next{right:20px}@media (max-width:768px){.carousel-btn{width:40px;height:40px;font-size:24px}.carousel-btn.prev{left:12px}.carousel-btn.next{right:12px}}.carousel-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:10;display:flex;gap:10px;padding:8px 16px;border-radius:999px;background:#0b0b0bb3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dot{width:8px;height:8px;border-radius:50%;border:none;background:#ffffff4d;cursor:pointer;transition:all .3s ease;padding:0}.dot:hover{background:#ffffff80;transform:scale(1.2)}.dot.active{background:var(--brand);width:24px;border-radius:4px}@media (max-width:768px){.carousel-dots{bottom:12px;gap:8px;padding:6px 12px}.dot{width:6px;height:6px}.dot.active{width:18px}}
