.spark-root{background-color:#0d0f1a;width:100vw;height:100vh;margin:0;font-family:Inter,sans-serif;position:relative;overflow:hidden}.ui-overlay{pointer-events:none;color:#fff;z-index:10;grid-template-rows:80px 1fr auto;grid-template-columns:80px 1fr;width:100%;height:100%;display:grid;position:absolute;top:0;left:0}.ui-overlay a,.ui-overlay div,.ui-overlay span,.ui-overlay img,.ui-overlay video,.ui-overlay button{pointer-events:auto}.sidebar{background:#0d0f1ab3;border-right:1px solid #ffffff0d;flex-direction:column;grid-row:1/4;justify-content:flex-start;align-items:center;padding:30px 0;display:flex;position:relative}.nav-side{writing-mode:vertical-lr;letter-spacing:3px;text-transform:uppercase;opacity:.4;flex-direction:column;gap:60px;margin-top:auto;margin-bottom:40px;font-size:11px;display:flex;transform:rotate(-180deg)}.nav-side span:hover{opacity:1;cursor:pointer;color:#f0a62e}.hamburger-container{margin-bottom:20px;position:relative}.hamburger-icon{cursor:pointer;opacity:.8;font-size:20px}.dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:100;background:#ffffff14;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:15px;min-width:180px;padding:20px;display:flex;position:absolute;top:0;left:70px;box-shadow:0 15px 35px #0009}.dropdown-menu span{opacity:.6;cursor:pointer;font-size:14px;transition:all .2s}.dropdown-menu span:hover{opacity:1;color:#f0a62e;padding-left:5px}.header{grid-column:2;justify-content:space-between;align-items:center;padding:0 50px;display:flex}.logo-container{align-items:center;height:32px;display:flex}.logo-img{width:auto;height:100%}.social-menu{align-items:center;gap:25px;display:flex}.social-icon{color:#fff;opacity:.5;font-size:20px;text-decoration:none;transition:all .3s}.social-icon:hover{opacity:1;transform:scale(1.1)}.bottom-container{grid-area:3/2;justify-content:space-between;align-items:flex-end;padding:0 60px 40px;display:flex}.hero-section{width:fit-content;margin-bottom:100px}.title{letter-spacing:-1px;color:#fff;margin:0;font-size:60px;font-weight:800}.subtitle{opacity:.4;max-width:500px;margin-top:10px;font-size:18px;line-height:1.5}.video-component{cursor:pointer;flex-direction:column;gap:12px;width:380px;display:flex}.video-visuals{aspect-ratio:16/9;background:#ffffff08;border:1px solid #ffffff0d;border-radius:4px;transition:all .3s cubic-bezier(.2,.8,.2,1);display:flex;position:relative;overflow:hidden}.video-play-btn{opacity:.6;border-right:1px solid #ffffff0d;flex:.4;justify-content:center;align-items:center;font-size:18px;display:flex}.video-preview-wrapper{flex:3;position:relative;overflow:hidden}.video-preview-wrapper video{object-fit:contain;width:100%;height:100%}.video-info{padding:0}.video-name{color:#fffffff2;margin-bottom:5px;font-size:13px;font-weight:700}.video-desc{opacity:.5;font-size:11px;font-weight:300;line-height:1.5}.modal-mask{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;background:#00000080;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.contact-modal{color:#fff;background:#141623f2;border:1px solid #ffffff26;border-radius:20px;width:400px;padding:40px;position:relative;box-shadow:0 25px 50px #000c}.modal-close{cursor:pointer;color:#fff;opacity:.6;font-size:24px;transition:all .3s;position:absolute;top:20px;right:20px}.modal-close:hover{opacity:1;color:#f0a62e;transform:rotate(90deg)}.contact-modal h2{color:#fff;margin:0 0 25px;font-size:26px;font-weight:700}.input-group{margin-bottom:20px}.input-group label{color:#fff;opacity:.6;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:10px;font-size:11px;display:block}.input-group input,.input-group textarea{color:#fff;box-sizing:border-box;background:#ffffff0d;border:1px solid #ffffff26;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:14px;transition:all .3s}.input-group input::placeholder,.input-group textarea::placeholder{color:#ffffff4d}.input-group input:focus,.input-group textarea:focus{background:#ffffff1a;border-color:#f0a62e;outline:none}.submit-btn{color:#0d0f1a;cursor:pointer;letter-spacing:1px;background:#f0a62e;border:none;border-radius:8px;width:100%;padding:15px;font-family:inherit;font-weight:800;transition:all .3s}.submit-btn:hover{background:#ffb84d;transform:translateY(-2px);box-shadow:0 5px 15px #f0a62e4d}@media (max-width:768px){.ui-overlay{grid-template-rows:60px 1fr auto;grid-template-columns:60px 1fr}.bottom-container{flex-direction:column;align-items:flex-start;gap:30px;padding:0 30px 30px}.hero-section{margin-bottom:20px}.title{font-size:36px}.subtitle{font-size:14px}.video-component{width:100%;max-width:340px}.header{padding:0 20px}.contact-modal{width:90%;max-width:360px;padding:30px}}