@import"https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Lexend+Deca&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";*{margin:0;padding:0;box-sizing:border-box}.loading-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#0a1a2fe6 20%,#020912f2 80%);display:flex;justify-content:center;align-items:center;z-index:9999}.loading-spinner{width:80px;height:80px;border:6px solid rgba(255,255,255,.2);border-top:6px solid #00ff88;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:1rem;font-size:1.5rem;color:#fff;text-shadow:0 0 8px rgba(0,255,136,.4);font-weight:700}.header-section{position:relative;height:100vh;background:radial-gradient(circle at 75% 30%,#0a1a2ff2,#020912fa),url(./BizelYap%C4%B1-BKlw_8xt.png) center/cover;display:flex;align-items:center;justify-content:center;overflow:hidden}.header-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,255,136,.05) 0%,transparent 50%)}.header-content{text-align:center;z-index:1;padding:2rem;max-width:1200px}.header-title{font-family:Montserrat,sans-serif;font-size:4rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:2rem;text-shadow:0 0 15px rgba(0,255,136,.3)}.title-gradient{background:linear-gradient(45deg,#0f8,#00b4d8);-webkit-background-clip:text;background-clip:text;color:transparent}.header-subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:3rem;letter-spacing:1px}.header-highlights{display:flex;justify-content:center;gap:3rem;margin-top:4rem;color:#fff}.highlight-item{display:flex;align-items:center;gap:1rem;padding:1.5rem 2rem;background:#ffffff0d;border-radius:15px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,255,136,.1)}.highlight-icon{font-size:1.8rem}.scrolling-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-line{width:2px;height:40px;background:linear-gradient(to bottom,transparent 0%,#00ff88 50%,transparent 100%);animation:scrollPulse 2s infinite}@keyframes scrollPulse{0%,to{opacity:.5}50%{opacity:1}}@media (max-width: 768px){.header-title{font-size:2.5rem}.header-subtitle{font-size:1.2rem}.header-highlights{flex-direction:column;gap:1.5rem}.highlight-item{padding:1rem}}@media (max-width: 480px){.header-title{font-size:2rem}}.header-section{animation:fadeIn 1.5s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.header-overlay{animation:gradientFlow 15s infinite alternate}@keyframes gradientFlow{0%{background-position:0% 0%}to{background-position:100% 100%}}.header-title{animation:titleEntrance 1s ease-out .3s both}@keyframes titleEntrance{0%{opacity:0;transform:translateY(30px) rotateX(90deg)}to{opacity:1;transform:translateY(0) rotateX(0)}}.header-subtitle{animation:subtitleEntrance 1s ease-out .6s both}@keyframes subtitleEntrance{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.highlight-item{animation:highlightPopIn .8s ease-out both;animation-delay:calc(.2s * var(--i))}@keyframes highlightPopIn{0%{opacity:0;transform:translateY(20px) scale(.8)}to{opacity:1;transform:translateY(0) scale(1)}}.highlight-item:hover{transform:translateY(-3px);box-shadow:0 0 25px #0f83;transition:all .3s cubic-bezier(.4,0,.2,1)}.scroll-line{animation:scrollPulse 2s infinite,scrollFloat 3s ease-in-out infinite}@keyframes scrollFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width: 768px){.header-title{animation:mobileTitleEntrance 1s ease-out .3s both}@keyframes mobileTitleEntrance{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.highlight-item{animation:mobileHighlightPopIn .6s ease-out both}@keyframes mobileHighlightPopIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}}.about-container{position:relative;padding:8rem 2rem;background:radial-gradient(circle at center,#0a1a2f,#020912);overflow:hidden}.architectural-grid{position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(6,1fr);opacity:.1}.grid-line{border-right:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.content-wrapper{position:relative;max-width:1400px;margin:0 auto}.dynamic-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3.5rem;color:#fff;margin-bottom:1.5rem;position:relative;display:inline-block}.title-decorator{color:#0f8;margin-right:1rem;filter:drop-shadow(0 0 8px rgba(0,255,136,.4))}.section-subtitle{color:#fffc;font-size:1.2rem;max-width:600px;margin:0 auto}.highlight{color:#0f8;position:relative;display:inline-block}.holographic-card{background:#ffffff0d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:20px;border:1px solid rgba(255,255,255,.1);padding:2rem;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.radial-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,255,136,.1) 0%,transparent 60%);pointer-events:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin:3rem 0}.stat-item{background:#0000004d;padding:2rem;border-radius:15px;text-align:center;position:relative;transition:transform .3s ease}.stat-item:hover{transform:translateY(-5px)}.stat-icon{font-size:2.5rem;color:#0f8;margin-bottom:1rem}.stat-value{font-size:2.8rem;font-weight:700;color:#fff;line-height:1;margin-bottom:.5rem}.stat-suffix{font-size:1.2rem;color:#fff9;margin-left:.3rem}.stat-title{color:#fffc;font-size:.9rem;text-transform:uppercase;letter-spacing:2px}.holographic-text{color:#ffffffe6;font-size:1.1rem;text-align:center;max-width:800px;margin:2rem auto;line-height:1.8}.glow-text{color:#0f8;text-shadow:0 0 8px rgba(0,255,136,.3)}.timeline-container{padding:2rem 0;overflow:visible}.timeline-wrapper{position:relative;max-width:1280px;margin:0 auto;height:100px}.timeline-line{position:absolute;left:20px;right:20px;top:50%;height:2px;background:#ffffff4d;transform:translateY(-50%)}.timeline-marker{position:absolute;top:50%;transform:translate(-50%,-50%)}.year-bubble{position:absolute;bottom:25px;left:50%;transform:translate(-50%);background:#0f8;color:#000;padding:.8rem 1.5rem;border-radius:30px;font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #00ff884d}.timeline-marker:last-child{left:100%!important}.timeline-marker:last-child .year-bubble{left:auto;right:0;transform:translate(0)}.milestone-dot{width:14px;height:14px;background:#fff;border-radius:50%;box-shadow:0 0 15px #00ff8880;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width: 480px){.about-container{padding:3rem .5rem}.section-title{font-size:1.8rem;margin-bottom:1rem}.section-subtitle{font-size:.9rem}.stats-grid{grid-template-columns:1fr}.stat-item{padding:1rem}.stat-value{font-size:1.8rem}.holographic-text{font-size:.9rem}.timeline-container{display:none}}@media (max-width: 768px) and (orientation: landscape){.about-container{padding:2rem .5rem}.section-title{font-size:1.5rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}.brands-section{padding:8rem 2rem;background:radial-gradient(circle at 80% 20%,#0a1a2ff2,#020912fa);position:relative;overflow:hidden}.section-title{font-size:2.8rem;text-align:center;color:#0f8;margin:0 auto 5rem;position:relative;text-transform:uppercase;letter-spacing:2px;display:flex;justify-content:center;align-items:center}.section-title:after{content:"";position:absolute;bottom:-20px;left:50%;transform:translate(-50%);width:120px;height:3px;background:#0f86;border-radius:2px}.brands-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:3rem;max-width:1400px;margin:0 auto;padding:2rem}.brand-card{perspective:1500px;aspect-ratio:1;min-height:280px;position:relative;border-radius:20px;overflow:hidden;background:#ffffff0d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,255,136,.1);transition:all .4s cubic-bezier(.23,1,.32,1)}.brand-card:hover{box-shadow:0 0 40px #0f83;transform:translateY(-5px)}.card-inner{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}.brand-card:hover .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;padding:2rem}.card-front{background:radial-gradient(circle at center,#00ff880d,#0a1a2fcc);z-index:1}.gradient-overlay{position:absolute;width:100%;height:100%;background:linear-gradient(45deg,rgba(0,255,136,.08) 0%,transparent 100%)}.brand-logo{max-width:70%;max-height:60%;object-fit:contain;filter:drop-shadow(0 0 20px rgba(0,255,136,.2));transition:filter .3s ease;z-index:1}.brand-card:hover .brand-logo{filter:drop-shadow(0 0 30px rgba(0,255,136,.4))}.card-back{background:#0a1a2ffa;transform:rotateY(180deg);flex-direction:column;padding:2.5rem;border:1px solid rgba(0,255,136,.2);z-index:2}.card-back h3{font-size:1.4rem;color:#0f8;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:1px}.card-back p{font-size:.95rem;line-height:1.7;color:#ffffffd9;margin-bottom:2rem}.brand-link{display:inline-flex;align-items:center;gap:.8rem;color:#0f8;text-decoration:none;padding:.8rem 2rem;border-radius:30px;background:#00ff881a;border:1px solid rgba(0,255,136,.3);transition:all .3s ease}.brand-link:hover{background:#0f83;box-shadow:0 0 20px #0f83}.brand-link svg{width:18px;stroke:currentColor;stroke-width:2}@media (max-width: 1200px){.brands-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}}@media (max-width: 768px){.brands-section{padding:6rem 1.5rem}.section-title{font-size:2.2rem}.card-back{padding:1.5rem}.card-back h3{font-size:1.2rem}.brand-link{padding:.6rem 1.5rem}}@media (hover: none){.brand-card .card-inner{transform:rotateY(180deg)}.brand-card{aspect-ratio:auto;height:auto}}:root{--neon-green: #00ff88;--dark-blue: #0a1a2f;--dark-bg: #020912;--light-text: rgba(255,255,255,.9)}.products-section{padding:6rem 2rem;background:var(--dark-bg);min-height:100vh;margin-top:25px}.filters-container{max-width:1200px;margin:0 auto 3rem}.filter-buttons{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:2rem}.filter-btn{padding:.8rem 2rem;border:2px solid var(--neon-green);background:transparent;color:var(--neon-green);border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--neon-green);color:var(--dark-blue);box-shadow:0 0 15px #00ff884d}.search-container input{width:100%;max-width:400px;padding:.8rem 1.5rem;border-radius:30px;border:1px solid rgba(0,255,136,.3);background:#ffffff0d;color:var(--light-text);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.product-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1400px;margin:0 auto;justify-items:center;padding:0 1rem}.product-card{background:#ffffff0d;border-radius:15px;overflow:hidden;border:1px solid rgba(0,255,136,.1);transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:330px}.product-card:hover{transform:translateY(-5px);box-shadow:0 0 30px #00ff881a}.card-media{position:relative;height:250px;overflow:hidden}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.card-image.zoomed{transform:scale(1.05)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent,rgba(10,26,47,.7))}.favorite-btn{position:absolute;top:1rem;right:1rem;background:#00000080;border:none;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:1.5rem;cursor:pointer;z-index:2;transition:all .3s ease}.favorite-btn:hover{background:var(--neon-green);color:var(--dark-blue)}.card-content{padding:1.5rem;position:relative;color:var(--light-text)}.product-title{font-size:1.3rem;margin-bottom:1rem}.hover-content{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(111deg,#000000e6,#00ff881a);padding:2rem;opacity:0;transition:all .3s ease;display:flex;flex-direction:column;justify-content:flex-end}.hover-content p{font-size:.9rem;color:var(--light-text);margin-bottom:1rem}.product-card:hover .hover-content{opacity:1}.cta-button{align-self:flex-start;background:var(--neon-green);color:var(--dark-blue);border:none;padding:.8rem 1.5rem;border-radius:25px;display:flex;align-items:center;gap:.5rem;font-weight:600;transition:all .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 0 15px #00ff884d}.specs{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1rem}.spec-badge{background:#00ff881a;color:var(--neon-green);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(0,255,136,.3)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.modal-content{background:var(--dark-blue);border-radius:15px;padding:2rem;max-width:600px;width:95%;position:relative;border:1px solid rgba(0,255,136,.2)}.modal-content p{color:var(--light-text);margin-bottom:1rem}.modal-close{position:absolute;top:1rem;right:1rem;background:transparent;border:none;padding:.5rem;cursor:pointer;color:var(--neon-green)}.modal-image{width:100%;height:300px;object-fit:cover;border-radius:10px;margin-bottom:1.5rem}.modal-text h2{color:var(--neon-green);margin-bottom:1rem}.modal-specs-badge{color:var(--light-text)!important;background:#00ff881a!important;border:1px solid rgba(0,255,136,.3)!important}@media (max-width: 768px){.products-section{padding:4rem 1rem}.filter-buttons{gap:.5rem}.filter-btn{padding:.6rem 1rem;font-size:.9rem}.product-grid{grid-template-columns:1fr}.card-media{height:200px}.modal-content{padding:1.5rem}.modal-image{height:200px}.cta-button{font-size:.9rem;padding:.6rem 1rem}}@media (max-width: 480px){.product-title{font-size:1.1rem}.spec-badge{font-size:.8rem;padding:.3rem .8rem}.favorite-btn{width:35px;height:35px;font-size:1.2rem}}.navbar{position:fixed;top:0;left:0;width:100%;height:80px;padding:1.5rem 2rem;background:#0a1a2ff2;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);display:flex;justify-content:space-between;align-items:center;z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(0,255,136,.1);margin-bottom:10px}.logo-gradient{background:linear-gradient(45deg,#0f8,#00b4d8);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:1.8rem;font-weight:700;cursor:pointer}.nav-links{display:flex;gap:2rem;align-items:center}.nav-links a{color:#ffffffe6;text-decoration:none;position:relative;padding:.5rem;transition:all .3s ease}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#0f8;transition:width .3s ease}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.nav-links a:hover,.nav-links a.active{color:#0f8}.menu-icon{display:none;color:#0f8;cursor:pointer}.icon{font-size:1.8rem}@media (max-width: 768px){.nav-links{position:fixed;top:0;right:-100%;height:100vh;width:70%;max-width:300px;background:#0a1a2ffa;flex-direction:column;padding:6rem 2rem;transition:right .3s ease}.nav-links.open{right:0}.menu-icon{display:block}}.footer-section{background:linear-gradient(45deg,#0a1a2f,#020912);color:#ffffffe6;padding:4rem 2rem;border-top:1px solid rgba(0,255,136,.1)}.footer-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem;max-width:1400px;margin:0 auto}.logo-gradient{background:linear-gradient(45deg,#0f8,#00b4d8);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.footer-tagline{color:#fffc;margin-bottom:2rem}.link-group{padding:1rem}.link-group-title{color:#0f8;font-size:1.3rem;margin-bottom:1.5rem;position:relative;padding-bottom:.5rem}.link-group-title:after{content:"";position:absolute;bottom:0;left:0;width:50px;height:2px;background:#0f8}.contact-info{display:flex;flex-direction:column;gap:1.2rem}.contact-item{display:flex;align-items:center;gap:1rem;color:#fffc;text-decoration:none;transition:all .3s ease}.contact-item:hover{color:#0f8;transform:translate(5px)}.contact-icon{font-size:1.2rem;color:#0f8;min-width:25px}.footer-link{display:flex;align-items:center;gap:.8rem;color:#fffc;text-decoration:none;padding:.7rem 0;transition:all .3s cubic-bezier(.4,0,.2,1)}.footer-link:hover{color:#0f8;transform:translate(10px)}.link-icon{font-size:.8rem;color:#0f8}.footer-bottom{margin-top:4rem;text-align:center;padding-top:2rem;border-top:1px solid rgba(0,255,136,.1)}.copyright{color:#fff9;font-size:.9rem}@media (max-width: 768px){.footer-container{grid-template-columns:1fr;text-align:center}.link-group-title:after{left:50%;transform:translate(-50%)}.contact-item,.footer-link{justify-content:center}}body{font-family:Lexend Deca,sans-serif}