body{margin:0;font-family:Arial,sans-serif}.header-container{z-index:2000;background:#fff;position:relative;overflow:visible}.header-container:before,.header-container:after{content:"";z-index:0;filter:blur(18px);pointer-events:none;border-radius:50%;position:absolute}.header-container:before{background:#e600231f;width:200px;height:200px;top:-60px;left:-60px}.header-container:after{background:#e600231f;width:240px;height:240px;bottom:-90px;right:-90px}.top-row,.nav-row{z-index:1;position:relative}.top-row{justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.logo-left img{width:55px}.page-title{text-align:center;color:#111;flex:1;margin:0;font-size:clamp(18px,4vw,50px);font-weight:700}.hamburger{cursor:pointer;color:red;font-size:30px;display:none}.nav-row{justify-content:center;align-items:center;padding:5px 20px;display:flex}.navbar{flex:1;justify-content:center;display:flex}.nav-links{background:#111;border-radius:10px;gap:25px;margin:10px 0;padding:12px 22px;list-style:none;display:flex}.nav-links a{color:#fff;padding:6px 8px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.nav-links a:hover{color:orange}.contact-bar{align-items:center;gap:30px;display:flex;position:absolute;right:20px}.call-btn{color:#fff;white-space:nowrap;background-color:#e60023;border-radius:8px;align-items:center;padding:8px 14px;font-size:13px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 0 10px #e6002380}.call-btn:hover{background-color:#b8001c;transform:translateY(-2px);box-shadow:0 0 18px #e60023e6}@media (width<=768px){.hamburger{display:block}.contact-bar{display:none}.nav-links{background:#111;flex-direction:column;width:100%;padding:15px 0;display:none;position:absolute;top:100%;left:0}.nav-links.active{display:flex}.nav-links li{text-align:center;padding:12px 0}.call-btn{text-align:center;width:80%;font-size:12px}}.global{background:radial-gradient(circle at top,#151515,#0b0b0b 60%);min-height:100vh;position:relative;overflow-x:hidden}.slider{background:#111;border-radius:22px;width:92%;height:620px;margin:25px auto 0;animation:.8s ease-in fadeIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #000000b3,0 0 40px #ff000014}.slider img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.slider:hover img{transform:scale(1.05)}.arrow{z-index:10;color:#fff;cursor:pointer;background:#00000080;border:1px solid #ff00004d;border-radius:8px;padding:10px 12px;transition:all .3s;position:absolute;top:50%;transform:translateY(-50%)}.arrow:hover{color:#000;background:red}.left{left:15px}.right{right:15px}.dot{cursor:pointer;background:#666;border-radius:50%;width:10px;height:10px;margin:0 5px;transition:all .3s;display:inline-block}.dot.active{background:red;box-shadow:0 0 10px red}.card-container{flex-wrap:wrap;justify-content:center;gap:25px;margin-top:40px;display:flex}.card{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ff000026;border-radius:16px;flex-direction:column;width:320px;height:370px;transition:all .3s;display:flex;overflow:hidden;box-shadow:0 10px 30px #00000080}.card:hover{border-color:#f006;transform:translateY(-8px);box-shadow:0 15px 40px #0009}.card img{object-fit:cover;width:100%;height:200px}.card h3{color:#ff3b3b;margin:12px 0 5px}.card p{color:#ddd;padding:0 15px 15px;font-size:14px;line-height:1.5}.floating-emojis{pointer-events:none;z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}.float-emoji{opacity:.12;font-size:30px;animation:15s linear infinite floatUp;position:absolute}.facts-box,.wwd{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #f003;border-radius:16px;width:70%;margin:30px auto;padding:25px;box-shadow:0 0 30px #0006}.facts-box h2{color:red}.intro{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #f003;border-radius:16px;width:90%;max-width:850px;margin:30px auto;padding:25px;box-shadow:0 0 30px #0006}.intro p{color:#eaeaea;margin:0;font-size:16px;font-weight:500;line-height:1.7}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes floatUp{0%{opacity:0;transform:translateY(0)}20%{opacity:.2}to{opacity:0;transform:translateY(-120vh)}}@media (width<=768px){.slider{width:95%;height:320px}.card{width:45%;height:auto}.card img{height:180px}.facts-box,.wwd{width:90%}}@media (width<=480px){.slider{height:220px}.card{width:100%;height:auto}.card img{height:180px}.facts-box,.wwd{width:95%;padding:15px}.float-emoji{font-size:22px}.intro{width:95%;padding:18px}}.cardtitlecolor{color:#ff3b3b}.socials-container{justify-content:center;margin:60px 0;display:flex}.socials-box{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffff0f;border:1px solid #ff000040;border-radius:20px;width:90%;max-width:720px;padding:35px;animation:6s ease-in-out infinite floatBox;position:relative;box-shadow:0 10px 40px #0003,0 0 30px #ff000014}.socials-box h2{color:#ff3c3ce6;letter-spacing:1px;text-shadow:0 0 10px #ff000026;margin-bottom:22px;font-weight:600}.social-icons{flex-wrap:wrap;justify-content:center;gap:28px;display:flex}.icon{color:#ffffffe6;background:#00000014;border:1px solid #ffffff26;border-radius:14px;justify-content:center;align-items:center;width:62px;height:62px;font-size:26px;text-decoration:none;transition:all .35s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 12px #00000026}.icon:hover{border-color:#f006;transform:translateY(-8px)scale(1.08);box-shadow:0 0 25px #ff000040,0 10px 30px #0003}.icon:before{content:"";opacity:0;background:linear-gradient(120deg,#0000,#ffffff26,#0000);width:200%;height:200%;transition:all .5s;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.icon:hover:before{opacity:1;animation:.8s forwards shine}.facebook:hover{color:#1877f2;box-shadow:0 0 20px #1877f259}.instagram:hover{color:#dd2a7b;box-shadow:0 0 20px #dd2a7b59}.whatsapp:hover{color:#25d366;box-shadow:0 0 20px #25d36659}.viber:hover{color:#7360f2;box-shadow:0 0 20px #7360f259}@keyframes floatBox{0%{transform:translateY(0)}50%{transform:translateY(-6px)}to{transform:translateY(0)}}@keyframes shine{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(100%)rotate(25deg)}}@media (width<=480px){.socials-box{padding:22px}.icon{width:52px;height:52px;font-size:22px}.social-icons{gap:16px}}.projects-page{text-align:center;color:#fff;background:radial-gradient(circle at top,#151515,#0b0b0b);min-height:100vh;padding:40px}.projects-title{color:#ff3b3b;letter-spacing:1px;margin-bottom:30px;font-size:34px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;display:grid}.project-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;transition:all .3s;overflow:hidden;box-shadow:0 8px 20px #0006}.project-card:hover{border-color:#ff3b3b4d;transform:translateY(-8px)scale(1.02);box-shadow:0 12px 30px #ff3b3b33}.project-card img{object-fit:cover;width:100%;height:180px;transition:transform .4s}.project-card:hover img{transform:scale(1.08)}.project-content{padding:14px}.project-content h3{color:#fff;margin:8px 0 6px;font-size:16px}.project-content p{color:#ffffffb3;font-size:13px}.lightbox{z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000eb;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.lightbox img{border-radius:12px;max-width:90%;max-height:85%;animation:.25s zoomIn;box-shadow:0 10px 40px #0009}.close-btn{color:#fff;cursor:pointer;font-size:34px;transition:all .2s;position:absolute;top:20px;right:25px}.close-btn:hover{color:#ff3b3b;transform:scale(1.2)}@keyframes zoomIn{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}@media (width<=600px){.projects-title{font-size:24px}.projects-page{padding:20px}.project-card img{height:160px}.project-content h3{font-size:15px}}.products-page{color:#fff;text-align:center;background:radial-gradient(circle at top,#151515,#0b0b0b);min-height:100vh;padding:40px 20px}.products-title{color:#ff3b3b;margin-bottom:10px;font-size:34px}.products-subtitle{opacity:.75;margin-bottom:30px;font-size:15px}.button-grid{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:30px;display:flex}.category-btn{color:#fff;cursor:pointer;background:#ffffff0d;border:1px solid #ff00004d;border-radius:10px;padding:12px 18px;font-size:14px;transition:all .25s}.category-btn:hover{background:#ff000026;transform:translateY(-2px)}.category-btn.active{color:#000;background:#ff3b3b;font-weight:700}.table-wrapper{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #f003;border-radius:14px;max-width:700px;margin:auto;padding:20px}.table-title{color:#ff3b3b;margin-bottom:15px}table{border-collapse:collapse;width:100%}td{text-align:left;border-bottom:1px solid #ffffff14;padding:12px;font-size:14px}@media (width<=600px){.products-title{font-size:24px}.category-btn{padding:10px 14px;font-size:13px}td{font-size:13px}}.about-page{color:#fff;background:radial-gradient(circle at top,#151515,#0b0b0b);min-height:100vh;padding:60px 20px;font-family:Arial,sans-serif}.about-hero{text-align:center;max-width:900px;margin:auto auto 60px}.about-hero h1{color:#ff3b3b;letter-spacing:1px;margin-bottom:20px;font-size:36px}.about-hero p{color:#ffffffbf;margin-bottom:14px;font-size:15px;line-height:1.7}.about-feature{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:40px;max-width:1100px;margin:auto;padding:40px;display:flex}.feature-text{flex:1}.feature-text h2{color:#ff3b3b;margin-bottom:15px;font-size:28px}.feature-text p{color:#ffffffbf;margin-bottom:12px;font-size:14px;line-height:1.7}.feature-image{flex:1;justify-content:center;display:flex}.feature-image img{object-fit:cover;border-radius:14px;width:100%;max-width:420px;transition:transform .3s;box-shadow:0 10px 30px #00000080}.feature-image img:hover{transform:scale(1.03)}@media (width<=768px){.about-feature{text-align:center;flex-direction:column;padding:25px}.feature-image img{max-width:100%}.about-hero h1{font-size:26px}}body{color:#fff;background:#0f0f0f;margin:0;font-family:Arial,sans-serif}.contact-page{padding:40px 20px}.contact-title{text-align:center;color:#fff;text-shadow:0 0 10px #ffa50066;margin-bottom:30px;font-size:clamp(24px,5vw,32px)}.contact-wrapper{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.info-block{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding-bottom:10px}.info-block h4{color:orange;margin:0 0 8px;font-size:16px}.info-block p{color:#ddd;margin:4px 0;font-size:14px}.info-block a{color:#00c3ff;text-decoration:none}.info-block a:hover{text-decoration:underline}.info-block small{color:#aaa}.contact-form{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0d;border:1px solid #00c8ff4d;border-radius:15px;flex-direction:column;gap:15px;width:100%;max-width:400px;padding:25px;display:flex;box-shadow:0 0 25px #00c8ff26}.contact-form input,.contact-form select,.contact-form textarea{color:#fff;background:#0006;border:1px solid #fff3;border-radius:10px;outline:none;padding:12px;transition:all .3s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border:1px solid orange;box-shadow:0 0 10px #ffa50066}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,orange,red);border:none;border-radius:10px;padding:12px;font-weight:700;transition:all .3s}.contact-form button:hover{transform:scale(1.05);box-shadow:0 0 15px #ff640099}.popup-overlay{z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;padding:15px;display:flex;position:fixed;top:0;left:0}.popup-box{text-align:center;background:#141414f2;border:1px solid #00ff6466;border-radius:15px;width:100%;max-width:320px;padding:25px;animation:.3s popIn;box-shadow:0 0 25px #00ff6433}.checkmark{color:#0f8;font-size:50px;animation:.6s bounce}@media (width<=768px){.contact-wrapper{flex-direction:column;align-items:center}.contact-form{padding:20px}.info-block{text-align:center}}@media (width<=480px){.contact-page{padding:20px 10px}.contact-form input,.contact-form textarea,.contact-form select{padding:10px;font-size:14px}}@keyframes popIn{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes bounce{0%{transform:scale(0)}50%{transform:scale(1.3)}to{transform:scale(1)}}.footer{color:#fff;text-align:center;background-color:#000;padding:30px 15px}.footer-contact p{color:#ccc;margin:6px 0;font-size:14px}.footer-bottom{color:#aaa;margin-top:10px;font-size:14px}.credit{color:#fff;margin-top:10px;font-size:14px}.credit a{color:red;font-weight:700;text-decoration:none}.credit a:hover{text-decoration:underline}.designsize{width:25px;height:25px;margin-top:20px}@media (width<=768px){.footer{padding:25px 10px}.footer-contact p{font-size:13px}.footer-bottom{font-size:12px}.credit{font-size:13px}}@media (width<=480px){.footer-contact p{font-size:12px}.footer-bottom{font-size:11px}.designsize{width:22px;height:22px}}*{box-sizing:border-box}html,body{-webkit-font-smoothing:antialiased;height:100%;margin:0;padding:0;font-family:Arial,sans-serif}#root{flex-direction:column;min-height:100vh;display:flex}.global{z-index:1;width:100%;position:relative;overflow-x:hidden}body{font-size:16px}@media (width<=768px){body{font-size:15px}}@media (width<=480px){body{font-size:14px}}