/* ========================================== STUNNING DEMO - PREMIUM CSS ========================================== */:root{--primary:#FF6B35;--secondary:#4ECDC4;--accent:#FFD93D;--purple:#A855F7;--pink:#EC4899;--dark:#0F172A;--dark-light:#1E293B;--light:#F8FAFC;--white:#FFFFFF;--gradient-fire:linear-gradient(135deg, #FF6B35 0%, #F7941D 50%, #FFD93D 100%);--gradient-ocean:linear-gradient(135deg, #4ECDC4 0%, #44A08D 50%, #2980B9 100%);--gradient-sunset:linear-gradient(135deg, #FF6B35 0%, #EC4899 50%, #A855F7 100%);--gradient-neon:linear-gradient(135deg, #4FACFE 0%, #00F2FE 50%, #4ECDC4 100%);--shadow-glow:0 0 30px rgba(255, 107, 53, 0.3);--shadow-elevation:0 20px 60px rgba(0, 0, 0, 0.3);--transition-smooth:all 0.6s cubic-bezier(0.23, 1, 0.32, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;background:var(--dark);color:var(--white);overflow-x:hidden;line-height:1.6}/* ========================================== PARTICLE CANVAS ========================================== */
#particleCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;opacity:0.4}/* ========================================== GLASS MORPHISM ========================================== */
.glass{background:rgba(255, 255, 255, 0.05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255, 255, 255, 0.1);box-shadow:0 8px 32px rgba(0, 0, 0, 0.3)}/* ========================================== NAVIGATION ========================================== */
.navbar{position:fixed;top:20px;left:50%;transform:translateX(-50%);width:95%;max-width:1400px;padding:1.2rem 2rem;border-radius:20px;z-index:9999;transition:var(--transition-smooth)}.nav-container{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:12px;font-size:1.5rem;font-weight:800;cursor:pointer;transition:var(--transition-smooth)}.logo-svg{width:50px;height:50px;filter:drop-shadow(0 0 10px rgba(255, 107, 53, 0.5))}.logo-circle{animation:rotate 20s linear infinite}@keyframes rotate{100%{transform:rotate(360deg)}}.logo-text{background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:3rem;align-items:center}.nav-link{color:var(--white);text-decoration:none;font-weight:600;font-size:1rem;position:relative;transition:var(--transition-smooth);padding:0.5rem 1rem}.nav-link::before{content:'';position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-fire);transform:translateX(-50%);transition:width 0.3s ease}.nav-link:hover::before{width:80%}.btn-glow{background:var(--gradient-sunset);padding:0.7rem 1.5rem !important;border-radius:50px;box-shadow:0 0 20px rgba(255, 107, 53, 0.5);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%, 100%{box-shadow:0 0 20px rgba(255, 107, 53, 0.5)}50%{box-shadow:0 0 40px rgba(255, 107, 53, 0.8)}}.hamburger{display:none;flex-direction:column;gap:6px;cursor:pointer}.hamburger span{width:30px;height:3px;background:var(--white);border-radius:3px;transition:var(--transition-smooth)}/* ========================================== HERO SECTION ========================================== */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;padding:120px 20px 0 20px}.hero-bg-image{position:fixed;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;opacity:0.15;z-index:0}.hero-bg-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:0.5;animation:blob-animation 20s ease-in-out infinite}.blob-1{width:500px;height:500px;background:var(--primary);top:-10%;left:-10%;animation-delay:0s}.blob-2{width:400px;height:400px;background:var(--secondary);top:40%;right:-10%;animation-delay:4s}.blob-3{width:450px;height:450px;background:var(--accent);bottom:-10%;left:30%;animation-delay:2s}@keyframes blob-animation{0%, 100%{transform:translate(0, 0) scale(1)}33%{transform:translate(30px, -50px) scale(1.1)}66%{transform:translate(-20px, 20px) scale(0.9)}}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:0.3;animation:float 15s ease-in-out infinite}.orb-1{width:300px;height:300px;background:var(--purple);top:20%;right:20%}.orb-2{width:250px;height:250px;background:var(--pink);bottom:30%;left:10%;animation-delay:3s}.orb-3{width:350px;height:350px;background:var(--secondary);top:50%;left:50%;animation-delay:6s}@keyframes float{0%, 100%{transform:translate(0, 0)}50%{transform:translate(50px, -30px)}}.hero-content{position:relative;z-index:10;max-width:1400px;width:100%;display:grid;grid-template-columns:1.2fr 0.8fr;gap:4rem;align-items:center}.hero-left{text-align:left}.hero-right{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.hero-badge{display:inline-flex;align-items:center;gap:10px;padding:0.7rem 1.5rem;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255, 255, 255, 0.2);margin-bottom:2rem;animation:slideDown 1s ease-out}@keyframes slideDown{from{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.badge-dot{width:10px;height:10px;background:#10B981;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%, 100%{opacity:1;transform:scale(1)}50%{opacity:0.5;transform:scale(1.2)}}.hero-title{font-size:clamp(3rem, 8vw, 7rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-2px}.word{display:inline-block;margin:0 15px;animation:slideUp 1s ease-out backwards}.word:nth-child(1){animation-delay:0.1s}.word:nth-child(2){animation-delay:0.3s}.word:nth-child(3){animation-delay:0.5s}@keyframes slideUp{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.glow-text{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 0 30px rgba(78, 205, 196, 0.5))}.hero-subtitle{font-size:clamp(1.1rem, 2vw, 1.5rem);color:rgba(255, 255, 255, 0.8);margin-bottom:3rem;animation:fadeIn 1s ease-out 0.7s backwards}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.hero-buttons{display:flex;gap:1.5rem;justify-content:flex-start;flex-wrap:wrap;animation:fadeIn 1s ease-out 0.9s backwards}.btn{padding:1.2rem 3rem;border:none;border-radius:50px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;gap:10px;position:relative;overflow:hidden}.btn-3d{background:var(--gradient-sunset);color:var(--white);box-shadow:0 10px 30px rgba(255, 107, 53, 0.4);transform-style:preserve-3d}.btn-3d:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 20px 50px rgba(255, 107, 53, 0.6)}.btn-3d:active{transform:translateY(-2px) scale(1.02)}.btn-glass{background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);color:var(--white);border:2px solid rgba(255, 255, 255, 0.3)}.btn-glass:hover{background:rgba(255, 255, 255, 0.2);border-color:rgba(255, 255, 255, 0.5);transform:translateY(-5px)}.btn-icon,
.play-icon{transition:transform 0.3s ease}.btn:hover .btn-icon{transform:translateX(5px)}.floating-stats{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:1.5rem;width:100%}.stat-card{padding:1.5rem;border-radius:20px;text-align:center;transition:var(--transition-smooth);animation:fadeIn 1s ease-out backwards;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.stat-card:nth-child(1){animation-delay:1.1s}.stat-card:nth-child(2){animation-delay:1.3s}.stat-card:nth-child(3){animation-delay:1.5s}.stat-card:hover{transform:translateY(-10px) scale(1.05)}.stat-icon{font-size:2.5rem;margin-bottom:0.5rem}.stat-number{font-size:2.5rem;font-weight:800;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.stat-label{font-size:0.9rem;color:rgba(255, 255, 255, 0.7);margin-top:0.5rem}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);text-align:center;animation:bounce 2s ease-in-out infinite}@keyframes bounce{0%, 100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-20px)}}.scroll-text{font-size:0.9rem;letter-spacing:2px;margin-bottom:10px;color:rgba(255, 255, 255, 0.7)}.scroll-line{width:2px;height:50px;background:linear-gradient(to bottom, var(--primary), transparent);margin:0 auto}/* ========================================== SECTION COMMON ========================================== */
.container{max-width:1400px;margin:0 auto;padding:0 20px}.container-fluid{max-width:1600px;margin:0 auto;padding:0 20px}section{padding:8rem 0;position:relative}.section-header{text-align:center;margin-bottom:5rem}.section-tag{display:inline-block;padding:0.7rem 2rem;background:rgba(255, 255, 255, 0.1);backdrop-filter:blur(10px);border-radius:50px;border:1px solid rgba(255, 255, 255, 0.2);font-size:0.9rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:1.5rem}.neon-tag{color:var(--secondary);border-color:var(--secondary);box-shadow:0 0 20px rgba(78, 205, 196, 0.3);animation:neon-pulse 2s ease-in-out infinite}@keyframes neon-pulse{0%, 100%{box-shadow:0 0 20px rgba(78, 205, 196, 0.3)}50%{box-shadow:0 0 40px rgba(78, 205, 196, 0.6)}}.section-title{font-size:clamp(2.5rem, 5vw, 4rem);font-weight:900;line-height:1.2;margin-bottom:1rem;letter-spacing:-1px}.section-description{font-size:1.2rem;color:rgba(255, 255, 255, 0.7);max-width:700px;margin:0 auto}/* ========================================== SERVICES SECTION ========================================== */
.services{background:var(--dark-light)}.services-grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:2rem}.service-card-3d{position:relative;border-radius:20px;background:rgba(255, 255, 255, 0.03);border:1px solid rgba(255, 255, 255, 0.1);overflow:hidden;transition:var(--transition-smooth)}.service-card-3d:hover{transform:translateY(-8px);border-color:rgba(255, 107, 53, 0.5)}.card-glow{position:absolute;top:0;left:0;right:0;height:100%;background:var(--gradient-sunset);opacity:0;transition:opacity 0.6s ease;filter:blur(40px);z-index:0}.service-card-3d:hover .card-glow{opacity:0.3}.card-content{position:relative;z-index:1;padding:2rem}.service-number{font-size:3rem;font-weight:900;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;opacity:0.3;line-height:1;margin-bottom:0.8rem}.service-icon-3d{width:60px;height:60px;margin-bottom:1.5rem}.icon-wrapper{width:100%;height:100%;background:var(--gradient-sunset);border-radius:15px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(255, 107, 53, 0.3);transition:transform 0.4s ease}.service-card-3d:hover .icon-wrapper{transform:scale(1.1)}.icon-wrapper svg{width:30px;height:30px;stroke:var(--white)}.service-card-3d h3{font-size:1.4rem;margin-bottom:0.8rem;font-weight:700}.service-card-3d p{color:rgba(255, 255, 255, 0.7);margin-bottom:1.2rem;line-height:1.6;font-size:0.95rem}.feature-list{list-style:none;margin-bottom:1.5rem}.feature-list li{padding:0.5rem 0;color:rgba(255, 255, 255, 0.8);position:relative;padding-left:25px;font-size:0.9rem}.feature-list li::before{content:'✓';position:absolute;left:0;color:var(--secondary);font-weight:bold;font-size:1.2rem}.card-footer{border-top:1px solid rgba(255, 255, 255, 0.1);padding-top:1.2rem}.card-link{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:var(--transition-smooth)}.card-link:hover{gap:15px}.arrow{transition:transform 0.3s ease}.card-link:hover .arrow{transform:translateX(5px)}/* ========================================== GALLERY SECTION ========================================== */
.gallery{background:var(--dark)}.gallery-masonry{display:grid;grid-template-columns:repeat(auto-fit, minmax(350px, 1fr));gap:2rem;grid-auto-flow:dense;align-items:start}.gallery-item-modern{position:relative;border-radius:25px;overflow:hidden;transition:var(--transition-smooth);cursor:pointer;height:100%}.gallery-item-modern.large{grid-column:span 1;grid-row:span 2}.gallery-item-modern.wide{grid-column:span 2}.image-container{position:relative;width:100%;height:350px;overflow:hidden}.gallery-item-modern.large .image-container{height:750px}.gallery-item-modern.wide .image-container{height:350px}.image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top, rgba(15, 23, 42, 0.9), transparent);z-index:2}.gallery-img{width:100%;height:100%;object-fit:cover;transition:transform 0.8s ease}.gallery-item-modern:hover .gallery-img{transform:scale(1.15)}.gallery-info{position:absolute;bottom:0;left:0;right:0;padding:2rem;z-index:3}.gallery-category{display:inline-block;padding:0.4rem 1rem;background:rgba(255, 107, 53, 0.9);border-radius:20px;font-size:0.85rem;font-weight:600;margin-bottom:1rem}.gallery-info h3{font-size:1.5rem;font-weight:800;margin-bottom:0.5rem}.gallery-info p{color:rgba(255, 255, 255, 0.7);font-size:0.95rem}.gallery-hover{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;z-index:4;transition:var(--transition-smooth)}.gallery-item-modern:hover .gallery-hover{opacity:1}.view-btn{padding:1rem 2rem;background:var(--white);color:var(--dark);border:none;border-radius:50px;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.view-btn:hover{transform:scale(1.1);box-shadow:0 10px 30px rgba(255, 255, 255, 0.3)}/* ========================================== LIGHTBOX ========================================== */
.lightbox{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none;align-items:center;justify-content:center;padding:2rem}.lightbox:not(.active) .lightbox-image,
.lightbox:not(.active) .lightbox-category,
.lightbox:not(.active) .lightbox-title,
.lightbox:not(.active) .lightbox-description{visibility:hidden}.lightbox.active{display:flex}.lightbox-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.95);backdrop-filter:blur(20px);animation:fadeIn 0.3s ease}.lightbox-content{position:relative;z-index:1;max-width:1400px;width:100%;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;background:rgba(30, 41, 59, 0.95);border-radius:30px;padding:3rem;border:1px solid rgba(255, 255, 255, 0.1);animation:scaleIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1)}@keyframes scaleIn{from{opacity:0;transform:scale(0.8)}to{opacity:1;transform:scale(1)}}.lightbox-close{position:absolute;top:2rem;right:2rem;width:50px;height:50px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;z-index:10}.lightbox-close:hover{background:var(--primary);border-color:var(--primary);transform:rotate(90deg) scale(1.1)}.lightbox-close svg{width:24px;height:24px;stroke:var(--white)}.lightbox-nav{position:absolute;top:50%;transform:translateY(-50%);width:60px;height:60px;background:rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.2);border-radius:50%;cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;z-index:10}.lightbox-nav:hover{background:var(--primary);border-color:var(--primary);transform:translateY(-50%) scale(1.15)}.lightbox-prev{left:2rem}.lightbox-next{right:2rem}.lightbox-nav svg{width:28px;height:28px;stroke:var(--white)}.lightbox-image-container{width:100%;height:100%;max-height:70vh;display:flex;align-items:center;justify-content:center;border-radius:20px;overflow:hidden;background:rgba(0, 0, 0, 0.3)}.lightbox-image{width:100%;height:100%;object-fit:contain;animation:fadeIn 0.5s ease}.lightbox-info{display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.lightbox-category{display:inline-block;padding:0.6rem 1.5rem;background:var(--primary);border-radius:20px;font-size:0.9rem;font-weight:600;width:fit-content}.lightbox-title{font-size:2.5rem;font-weight:900;line-height:1.2;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lightbox-description{font-size:1.1rem;line-height:1.8;color:rgba(255, 255, 255, 0.8)}/* ========================================== CONTACT SECTION ========================================== */
.contact{background:var(--dark-light)}.contact-wrapper{display:grid;grid-template-columns:1.5fr 1fr;gap:3rem}.contact-form-container{padding:3rem;border-radius:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.form-group-modern{position:relative;margin-bottom:2.5rem}.form-group-modern input,
.form-group-modern textarea{width:100%;padding:1.2rem 0;background:transparent;border:none;border-bottom:2px solid rgba(255, 255, 255, 0.2);color:var(--white);font-size:1rem;font-family:inherit;transition:var(--transition-smooth)}.form-group-modern input:focus,
.form-group-modern textarea:focus{outline:none;border-color:var(--primary)}.form-group-modern label{position:absolute;left:0;top:1.2rem;color:rgba(255, 255, 255, 0.8);transition:var(--transition-smooth);pointer-events:none}.form-group-modern .label-text{color:rgba(255, 255, 255, 0.9)}.form-group-modern input:focus + label,
.form-group-modern input:not(:placeholder-shown) + label,
.form-group-modern textarea:focus + label,
.form-group-modern textarea:not(:placeholder-shown) + label{top:-1rem;font-size:0.85rem;color:var(--primary)}.input-border{position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-fire);transition:width 0.6s ease}.form-group-modern input:focus ~ .input-border,
.form-group-modern textarea:focus ~ .input-border{width:100%}.btn-submit{width:100%;margin-top:1rem}.contact-info-modern{display:flex;flex-direction:column;gap:2rem}.info-card-modern{padding:2rem;border-radius:20px;transition:var(--transition-smooth)}.info-card-modern:hover{transform:translateY(-5px)}.info-icon-modern{width:60px;height:60px;background:var(--gradient-sunset);border-radius:15px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.info-icon-modern svg{width:30px;height:30px;stroke:var(--white)}.info-card-modern h3{font-size:1.3rem;font-weight:700;margin-bottom:0.7rem}.info-card-modern p{color:rgba(255, 255, 255, 0.7);line-height:1.8}/* ========================================== FOOTER ========================================== */
.footer-modern{background:var(--dark);padding:5rem 0 2rem;border-top:1px solid rgba(255, 255, 255, 0.1)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;margin-bottom:3rem}.footer-brand{max-width:350px}.footer-logo{display:flex;align-items:center;gap:10px;font-size:1.8rem;font-weight:800;margin-bottom:1rem;color:var(--white)}.footer-brand p{color:rgba(255, 255, 255, 0.6);line-height:1.8;margin-bottom:2rem}.social-links{display:flex;gap:1rem}.social-link{width:45px;height:45px;background:rgba(255, 255, 255, 0.05);border:1px solid rgba(255, 255, 255, 0.1);border-radius:12px;display:flex;align-items:center;justify-content:center;transition:var(--transition-smooth)}.social-link:hover{background:var(--gradient-sunset);border-color:transparent;transform:translateY(-5px)}.social-link svg{width:20px;height:20px}.footer-links-group h4{font-size:1.2rem;font-weight:700;margin-bottom:1.5rem}.footer-links-group ul{list-style:none}.footer-links-group ul li{margin-bottom:1rem}.footer-links-group ul li a{color:rgba(255, 255, 255, 0.6);text-decoration:none;transition:var(--transition-smooth)}.footer-links-group ul li a:hover{color:var(--primary);padding-left:5px}.footer-bottom{padding-top:2rem;border-top:1px solid rgba(255, 255, 255, 0.1);display:flex;justify-content:space-between;align-items:center;color:rgba(255, 255, 255, 0.5)}.made-with .heart{color:#EC4899;animation:heartbeat 1.5s ease-in-out infinite}@keyframes heartbeat{0%, 100%{transform:scale(1)}50%{transform:scale(1.2)}}/* ========================================== UTILITIES & EFFECTS ========================================== */ [data-magnetic]{transition:transform 0.3s ease}[data-reveal]{opacity:0;transform:translateY(50px);transition:opacity 0.8s ease, transform 0.8s ease}[data-reveal].revealed{opacity:1;transform:translateY(0)}/* ========================================== ABOUT SECTION ========================================== */
.about{padding:120px 0;background:var(--dark-light);position:relative;overflow:hidden}.about::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 50%, rgba(255, 107, 53, 0.1) 0%, transparent 50%), radial-gradient(circle at 70% 80%, rgba(78, 205, 196, 0.1) 0%, transparent 50%);pointer-events:none}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:60px;position:relative;z-index:1}.about-image-wrapper{position:relative}.about-image-container{border-radius:30px;overflow:hidden;position:relative;transform:perspective(1000px) rotateY(5deg);transition:var(--transition-smooth)}.about-image-container:hover{transform:perspective(1000px) rotateY(0deg) scale(1.02)}.about-image{width:100%;height:600px;object-fit:cover;display:block}.about-badge{position:absolute;bottom:30px;right:30px;padding:25px 30px;border-radius:20px;display:flex;align-items:center;gap:15px;animation:float-badge 3s ease-in-out infinite}@keyframes float-badge{0%, 100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.badge-icon{font-size:2.5rem;filter:drop-shadow(0 0 10px rgba(255, 255, 255, 0.3))}.badge-content{text-align:left}.badge-number{font-size:2.5rem;font-weight:800;line-height:1;background:var(--gradient-fire);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.badge-text{font-size:0.9rem;opacity:0.8;margin-top:5px}.about-text h3{font-size:2.5rem;font-weight:800;margin-bottom:25px;background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.about-intro{font-size:1.25rem;line-height:1.8;margin-bottom:20px;color:rgba(255, 255, 255, 0.9);font-weight:500}.about-text p{font-size:1.05rem;line-height:1.8;color:rgba(255, 255, 255, 0.7);margin-bottom:40px}.about-features{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px;margin-bottom:40px}.feature-item{padding:25px;border-radius:20px;display:flex;align-items:flex-start;gap:20px;transition:var(--transition-smooth);cursor:pointer}.feature-item:hover{transform:translateY(-5px);background:rgba(255, 255, 255, 0.08)}.feature-icon{width:50px;height:50px;border-radius:15px;background:var(--gradient-fire);display:flex;align-items:center;justify-content:center;flex-shrink:0}.feature-icon svg{width:28px;height:28px;stroke:var(--white)}.feature-content h4{font-size:1.1rem;font-weight:700;margin-bottom:5px}.feature-content p{font-size:0.95rem;color:rgba(255, 255, 255, 0.6);margin:0}.about-cta{margin-top:40px}/* ========================================== RESPONSIVE ========================================== */ .footer-modern{position:relative;z-index:100}/* ========================================== TABLET & MOBILE:≤1080px ========================================== */
@media (max-width:1080px){.hamburger{display:flex;z-index:10001}.nav-menu{position:fixed;left:50%;transform:translateX(-50%) translateY(-100%);top:90px;flex-direction:column;background:rgba(15, 23, 42, 0.95);backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255, 255, 255, 0.2);width:calc(95% - 40px);max-width:400px;padding:2rem;gap:1.5rem;transition:transform 0.5s ease, opacity 0.5s ease;border-radius:20px;box-shadow:0 8px 32px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.1);opacity:0;pointer-events:none}.nav-menu.active{transform:translateX(-50%) translateY(0);opacity:1;pointer-events:all}.nav-link{padding:0.8rem 1.2rem;border-radius:12px;transition:all 0.3s ease}.nav-link:hover{background:rgba(255, 255, 255, 0.1)}.nav-link.btn-glow{background:var(--gradient-sunset);text-align:center}.logo{font-size:1.2rem}.logo-svg{width:40px;height:40px}.contact-wrapper{grid-template-columns:1fr}.gallery-masonry{grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.gallery-item-modern.large, .gallery-item-modern.wide{grid-column:span 1;grid-row:span 1}.hero-content{grid-template-columns:1fr;gap:3rem}.hero-left{text-align:center}.hero-right{align-items:center}.hero-buttons{justify-content:center}.floating-stats{grid-template-columns:repeat(2, 1fr)}.about-content{grid-template-columns:1fr;gap:40px}.about-image{height:400px}.about-features{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.lightbox-content{grid-template-columns:1fr;gap:2rem;padding:2rem;max-height:90vh;overflow-y:auto}.lightbox-nav{display:none}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px}}/* ========================================== SMALL MOBILE:≤480px ========================================== */
@media (max-width:480px){.services-grid{grid-template-columns:1fr}.floating-stats{grid-template-columns:1fr}.hero-title{font-size:2.5rem}.navbar{padding:0.8rem 1rem}.logo{font-size:1rem}.logo-svg{width:35px;height:35px}}