:root{font-family:Outfit,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0c0c0e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background:radial-gradient(circle at center,#1a1a2e,#0c0c0e);overflow-x:hidden}#app{width:100%;max-width:1920px;margin:0 auto;padding:2rem;text-align:center}.container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3rem;animation:fadeIn 1s ease-out}header h1{font-size:4rem;font-weight:700;letter-spacing:.5rem;margin:0;background:linear-gradient(to bottom,#fff,#888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(255,255,255,.1))}header p{font-size:1.2rem;color:#a0a0a0;margin-top:.5rem;font-weight:300}.main{position:relative}.image-button{display:block;text-decoration:none;border-radius:20px;overflow:hidden;box-shadow:0 20px 50px #00000080;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;cursor:pointer;position:relative;max-width:800px;border:1px solid rgba(255,255,255,.1)}.image-button:hover{transform:scale(1.02) translateY(-10px);box-shadow:0 30px 60px #000000b3,0 0 20px #ffffff1a;border:1px solid rgba(255,255,255,.2)}.image-wrapper{position:relative;width:100%;line-height:0}.image-wrapper img{width:100%;height:auto;transition:filter .4s ease}.image-button:hover img{filter:brightness(.6) blur(2px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .4s ease;background:#0003}.image-button:hover .overlay{opacity:1}.overlay span{color:#fff;font-size:2rem;font-weight:700;letter-spacing:.2rem;border:2px solid #ffffff;padding:1rem 2rem;border-radius:5px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transform:translateY(20px);transition:transform .4s ease}.image-button:hover .overlay span{transform:translateY(0)}footer{margin-top:2rem;color:#444;font-size:.9rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){header h1{font-size:2.5rem;letter-spacing:.2rem}}.video-header{position:relative;width:100%;display:flex;justify-content:center;align-items:center}.back-link{position:absolute;left:0;display:flex;align-items:center;gap:.5rem;color:#a0a0a0;text-decoration:none;font-weight:500;font-size:1.1rem;transition:color .3s ease,transform .3s ease}.back-link svg{width:24px;height:24px}.back-link:hover{color:#fff;transform:translate(-5px)}.video-main{width:100%;display:flex;justify-content:center;animation:scaleIn .8s cubic-bezier(.175,.885,.32,1.275)}.video-container{width:100%;max-width:1920px;border-radius:20px;overflow:hidden;box-shadow:0 25px 60px #0009,0 0 30px #ffffff0d;border:1px solid rgba(255,255,255,.1);background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:10px}.custom-video{width:100%;aspect-ratio:16 / 9;min-height:1080px;border-radius:12px;display:block;outline:none;box-shadow:inset 0 0 20px #00000080}@keyframes scaleIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.main-buttons{display:flex;flex-direction:column;align-items:center;gap:2rem}.watch-video-btn{display:inline-flex;align-items:center;gap:.8rem;padding:1rem 2.5rem;font-size:1.2rem;font-weight:700;color:#fff;text-decoration:none;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid rgba(255,255,255,.2);border-radius:50px;box-shadow:0 10px 30px #0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .4s cubic-bezier(.175,.885,.32,1.275);letter-spacing:.1rem;text-transform:uppercase}.watch-video-btn:hover{background:linear-gradient(135deg,#fff3,#ffffff1a);transform:translateY(-5px) scale(1.05);box-shadow:0 20px 40px #00000080,0 0 20px #fff3;border-color:#fff6}.play-icon{width:20px;height:20px;transition:transform .4s ease}.watch-video-btn:hover .play-icon{transform:scale(1.2)}@media(max-width:768px){.video-header{flex-direction:column;gap:1rem}.back-link{position:relative}}.gallery-container{max-width:1400px}.gallery-main{width:100%;animation:fadeIn 1s ease-out}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem;width:100%;padding:1rem}.gallery-grid img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 10px 20px #0006;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s ease;border:1px solid rgba(255,255,255,.05);aspect-ratio:16 / 9}.gallery-grid img:hover{transform:scale(1.05);box-shadow:0 15px 30px #0009,0 0 15px #ffffff1a;z-index:10;position:relative}.action-buttons{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease}.modal.show{opacity:1}.modal-content{max-width:90%;max-height:90vh;border-radius:10px;box-shadow:0 20px 60px #000c,0 0 20px #ffffff1a;transform:scale(.9);transition:transform .3s cubic-bezier(.175,.885,.32,1.275);object-fit:contain}.modal.show .modal-content{transform:scale(1)}.close-modal{position:absolute;top:20px;right:40px;color:#fff9;font-size:50px;font-weight:300;cursor:pointer;transition:color .3s ease,transform .3s ease;z-index:1001;line-height:1}.close-modal:hover,.close-modal:focus{color:#fff;text-decoration:none;transform:scale(1.2) rotate(90deg)}