:root{--bg-color:#f0f4f8;--text-color:#0d1117;--primary:#f59e0b;--primary-hover:#d97706;--secondary:#0ea5e9;--surface:#fff;--glass-bg:#ffffffd9;--glass-border:#fff6;--shadow:0 10px 40px #00000014;--loader-bg:#f0f4f8}.dark-mode{--bg-color:#0d1117;--text-color:#f0f4f8;--primary:#fbbf24;--primary-hover:#f59e0b;--surface:#161b22;--glass-bg:#161b22d9;--glass-border:#ffffff0d;--shadow:0 10px 40px #00000080;--loader-bg:#0d1117}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);color:var(--text-color);transition:background-color .4s,color .4s;overflow-x:hidden}#tsparticles{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#preloader{background-color:var(--loader-bg);z-index:9999;flex-direction:column;justify-content:center;align-items:center;transition:opacity .6s,visibility .6s;display:flex;position:fixed;inset:0}.sun-loader{background:var(--primary);width:100px;height:100px;box-shadow:0 0 50px var(--primary), 0 0 100px var(--primary);border-radius:50%;margin-bottom:2rem;animation:1s infinite alternate pulse,4s linear infinite rotate;position:relative}@keyframes pulse{0%{box-shadow:0 0 30px var(--primary);transform:scale(.9)}to{box-shadow:0 0 80px var(--primary), 0 0 120px var(--primary);transform:scale(1.2)}}.loader-text{letter-spacing:3px;text-transform:uppercase;color:var(--primary);font-size:1.5rem;font-weight:900}a{color:inherit;text-decoration:none}ul{list-style:none}img{border-radius:12px;max-width:100%;display:block}.shadow-lg{box-shadow:0 15px 35px #0000001a}.shadow-xl{box-shadow:0 25px 50px #00000026}.section-padding{z-index:1;padding:8rem 2rem;position:relative}.section-full{z-index:1;align-items:center;min-height:100vh;padding:0 2rem;display:flex;position:relative}.section-title{text-align:center;text-transform:uppercase;letter-spacing:-1px;margin-bottom:4rem;font-size:4rem;font-weight:900}.huge-text{text-transform:uppercase;letter-spacing:-2px;margin-bottom:1rem;font-size:5rem;font-weight:900}.btn-primary{background:var(--primary);color:#000;text-transform:uppercase;cursor:pointer;border:none;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:800;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;box-shadow:0 10px 25px #f59e0b66}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-4px)scale(1.02);box-shadow:0 15px 35px #f59e0b99}.btn-outline{color:var(--text-color);border:2px solid var(--text-color);text-transform:uppercase;cursor:pointer;background:0 0;border-radius:50px;padding:1.2rem 3rem;font-size:1.1rem;font-weight:800;transition:all .3s;display:inline-block}.btn-outline:hover{background:var(--text-color);color:var(--bg-color);transform:translateY(-4px)}.btn-icon{border:2px solid var(--text-color);color:var(--text-color);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-weight:800;transition:all .3s;display:flex}.btn-icon:hover{background:var(--text-color);color:var(--bg-color);transform:rotate(15deg)}header{z-index:1000;background:0 0;justify-content:space-between;align-items:center;padding:1.5rem 3rem;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;right:0}header.scrolled{background:var(--glass-bg);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border);padding:1rem 3rem}.brand-logo{border-radius:8px;height:40px}nav ul{gap:3rem;display:flex}.nav-link{text-transform:uppercase;font-size:1.1rem;font-weight:800;position:relative}.nav-link:after{content:"";background:var(--primary);width:0%;height:3px;transition:width .3s;position:absolute;bottom:-8px;left:0}.nav-link:hover:after{width:100%}.controls{gap:1rem;display:flex}.hero-section{grid-template-columns:1.2fr .8fr;gap:2rem;padding-top:140px;display:grid}.hero-content{z-index:2;flex-direction:column;justify-content:center;display:flex}.hero-content h1{text-transform:uppercase;margin-bottom:2rem;font-size:6rem;font-weight:900;line-height:.95}.hero-content h1 .highlight{color:var(--primary)}.hero-desc{opacity:.85;max-width:600px;margin-bottom:3rem;font-size:1.4rem;font-weight:500;line-height:1.5}.btn-group{gap:1rem;display:flex}.hero-visuals{justify-content:center;align-items:center;display:flex;position:relative}.hero-main-img{object-fit:cover;border-radius:2rem;width:100%;height:600px}.hero-sub-img{object-fit:cover;border:10px solid var(--bg-color);border-radius:2rem;width:300px;height:300px;position:absolute;bottom:-50px;left:-50px}.floating-element{animation:6s ease-in-out infinite float-heavy}@keyframes float-heavy{0%,to{transform:translateY(0)rotate(-2deg)}50%{transform:translateY(-30px)rotate(2deg)}}.marquee-container{background:var(--text-color);color:var(--bg-color);white-space:nowrap;z-index:2;box-shadow:var(--shadow);padding:1.5rem 0;position:relative;overflow:hidden;transform:rotate(-2deg)scale(1.05)}.marquee-content{text-transform:uppercase;font-size:2rem;font-weight:900;animation:20s linear infinite marquee;display:inline-block}.marquee-content span{color:var(--primary);padding:0 2rem}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.services-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:3rem;max-width:1400px;margin:0 auto;display:grid}.service-card{background:var(--surface);box-shadow:var(--shadow);border:1px solid var(--glass-border);border-radius:1.5rem;transition:transform .4s cubic-bezier(.4,0,.2,1);overflow:hidden}.service-card:hover{transform:translateY(-15px)scale(1.02)}.card-image-wrapper{height:250px;overflow:hidden}.card-image-wrapper img{object-fit:cover;border-radius:0;width:100%;height:100%;transition:transform .6s}.service-card:hover .card-image-wrapper img{transform:scale(1.1)}.card-content{padding:2.5rem}.card-content h3{text-transform:uppercase;margin-bottom:1rem;font-size:2rem;font-weight:900}.card-content p{opacity:.8;font-size:1.1rem;line-height:1.6}.gallery-header{text-align:center;margin-bottom:4rem}.bento-grid{grid-template-columns:repeat(3,1fr);grid-auto-rows:250px;gap:1.5rem;max-width:1400px;margin:0 auto;display:grid}.bento-item{border-radius:1.5rem;position:relative;overflow:hidden}.bento-item img{object-fit:cover;filter:grayscale(20%);border-radius:0;width:100%;height:100%;transition:transform .6s}.bento-item:hover img{filter:grayscale(0%);transform:scale(1.05)}.bento-item.span-2{grid-column:span 2}.bento-item.span-3{grid-area:span 2/span 3}.bento-overlay{opacity:0;background:linear-gradient(#0000,#000c);align-items:flex-end;padding:3rem;transition:opacity .3s;display:flex;position:absolute;inset:0}.bento-item:hover .bento-overlay{opacity:1}.bento-overlay h3{color:#fff;text-transform:uppercase;font-size:3rem;font-weight:900;transition:transform .3s;transform:translateY(20px)}.bento-item:hover .bento-overlay h3{transform:translateY(0)}.contact-split{background:var(--surface);max-width:1400px;box-shadow:var(--shadow);border:1px solid var(--glass-border);border-radius:3rem;grid-template-columns:1fr 1fr;gap:4rem;margin:0 auto;padding:4rem;display:grid}.contact-info h2{text-transform:uppercase;margin-bottom:1.5rem;font-size:4rem;font-weight:900}.contact-info p{opacity:.8;margin-bottom:3rem;font-size:1.2rem}.contact-img{object-fit:cover;border-radius:2rem;width:100%;height:300px}.contact-form{flex-direction:column;justify-content:center;gap:2rem;height:100%;display:flex}.input-group input,.input-group textarea{border:2px solid var(--glass-border);background:var(--bg-color);width:100%;color:var(--text-color);border-radius:1rem;outline:none;padding:1.5rem;font-size:1.1rem;font-weight:500;transition:border-color .3s}.input-group input:focus,.input-group textarea:focus{border-color:var(--primary)}.btn-block{width:100%;padding:1.5rem;font-size:1.2rem}footer{text-align:center;border-top:1px solid var(--glass-border);padding:4rem 2rem}.footer-logo{border-radius:8px;height:50px;margin:0 auto 1.5rem}footer p{opacity:.7;font-size:1.1rem;font-weight:500}@media (width<=1024px){.hero-section{text-align:center;grid-template-columns:1fr}.hero-content{align-items:center}.hero-content h1{font-size:4.5rem}.hero-sub-img{display:none}.bento-grid{grid-template-columns:1fr;grid-auto-rows:300px}.bento-item.span-2,.bento-item.span-3{grid-area:span 1/span 1}.contact-split{grid-template-columns:1fr;padding:2rem}nav ul{display:none}}.fade-up,.fade-in-left,.fade-in-right,.slide-up-stagger,.reveal-text{opacity:0;visibility:hidden}
