body,html{margin:0;padding:0;font-family:Poppins,Segoe UI,sans-serif;background:#000;color:#fff}.page{width:100%;display:flex;flex-direction:column;align-items:center}.header{width:100%;text-align:center;padding:14px 0;background:#000;position:relative;z-index:20}.header .logo{display:none}.hero{position:relative;width:100%;height:85vh;min-height:560px;display:flex;justify-content:center;align-items:center;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;transform:translateZ(0);background:#000}.hero-overlay{position:absolute;inset:0;background:#00000073;z-index:2}.hero-logo,.video-logo{position:absolute;top:25%;left:50%;transform:translate(-50%);width:clamp(180px,22vw,320px);height:auto;z-index:3;filter:drop-shadow(0 10px 25px rgba(0,0,0,.6));-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.hero-content{position:relative;z-index:4;text-align:center;color:#fff;padding:20px;max-width:1100px;display:flex;flex-direction:column;align-items:center}.hero-content h1{font-size:clamp(64px,6.6vw,84px);margin:2rem 0 8px;line-height:1;font-weight:800;text-shadow:0 6px 22px rgba(0,0,0,.55)}.hero-content p{margin:0;font-size:clamp(14px,1.6vw,20px);opacity:.95;text-shadow:0 4px 12px rgba(0,0,0,.45)}.video-debug{margin-top:16px;background:#ffffff24;padding:8px 12px;border-radius:8px;font-size:13px;color:#fff}.contact{width:100%;max-width:600px;text-align:center;margin-top:80px;padding:0 20px 80px}.contact h2{font-size:28px;margin-bottom:30px}.contact-form{display:flex;flex-direction:column;gap:20px;align-items:center}.contact-form label{width:100%;text-align:left;font-weight:500;color:#222}.contact-form input,.contact-form textarea{width:100%;padding:12px 14px;border-radius:8px;border:1px solid #ccc;background:#f9f9f9}textarea{height:120px;resize:none}.send-btn{padding:12px 36px;background:#007bff;color:#fff;border-radius:8px;border:none;cursor:pointer}.footer{width:100%;text-align:center;padding:30px 0;color:#777;border-top:1px solid #eee;margin-top:40px}@media (max-width: 1200px){.hero{height:78vh;min-height:480px}}@media (max-width: 768px){.hero-content h1{font-size:40px;margin-top:1.4rem}.hero{height:70vh;min-height:420px}.hero-logo,.video-logo{width:clamp(140px,28vw,220px);top:20%}.contact{margin-top:40px;padding-bottom:40px}}@media (max-width: 420px){.hero-content h1{font-size:30px}.hero-content p{font-size:14px}.hero{height:64vh;min-height:380px}.hero-logo,.video-logo{width:clamp(120px,34vw,180px);top:18%}}