.reference-route[data-reference=en-projelerimiz]{font-family:Inter,sans-serif;background-color:#050c19;color:#fff;overflow-x:hidden}.reference-route[data-reference=en-projelerimiz] .loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:#050c19;display:flex;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease,visibility .5s ease}.reference-route[data-reference=en-projelerimiz] .loading-logo{width:120px;animation:en-projelerimiz-logo-pulse 2s infinite;filter:brightness(0) invert(1)}.reference-route[data-reference=en-projelerimiz] .loading-spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top:3px solid #00AEEF;border-radius:50%;animation:en-projelerimiz-spin 1s linear infinite;margin:20px auto 0}.reference-route[data-reference=en-projelerimiz] .loading-screen.hidden{opacity:0;visibility:hidden}@keyframes en-projelerimiz-logo-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}@keyframes en-projelerimiz-spin{to{transform:rotate(360deg)}}.reference-route[data-reference=en-projelerimiz] .glass-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#050c19b3;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.08);transition:all .3s ease}.reference-route[data-reference=en-projelerimiz] .glass-navbar:hover{background:#050c19d9}.reference-route[data-reference=en-projelerimiz] .nav-container{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.reference-route[data-reference=en-projelerimiz] .nav-logo img{height:36px;filter:brightness(0) invert(1);transition:transform .3s ease}.reference-route[data-reference=en-projelerimiz] .nav-logo:hover img{transform:scale(1.05)}.reference-route[data-reference=en-projelerimiz] .nav-links{display:flex;align-items:center;gap:.5rem}.reference-route[data-reference=en-projelerimiz] .nav-link{color:#fffc;font-size:13px;font-weight:500;letter-spacing:.03em;text-decoration:none;padding:.6rem 1rem;border-radius:8px;transition:all .3s ease;position:relative}.reference-route[data-reference=en-projelerimiz] .nav-link:hover{color:#00aeef;background:#00aeef1a}.reference-route[data-reference=en-projelerimiz] .nav-link.active{color:#00aeef}.reference-route[data-reference=en-projelerimiz] .mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:#050c19f2;backdrop-filter:blur(20px);padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);z-index:999}.reference-route[data-reference=en-projelerimiz] .mobile-menu.active{display:block;animation:en-projelerimiz-slideDown .3s ease-out forwards}.reference-route[data-reference=en-projelerimiz] .mobile-menu a{display:block;padding:1rem;color:#fffc;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.05);transition:all .3s ease}.reference-route[data-reference=en-projelerimiz] .mobile-menu a:hover,.reference-route[data-reference=en-projelerimiz] .mobile-menu a.active{color:#00aeef;background:#00aeef1a;border-radius:8px}.reference-route[data-reference=en-projelerimiz] .mobile-menu-btn{display:none;background:none;border:none;color:#fff;cursor:pointer}@media(max-width:1024px){.reference-route[data-reference=en-projelerimiz] .nav-links{display:none}.reference-route[data-reference=en-projelerimiz] .mobile-menu-btn{display:block}}@keyframes en-projelerimiz-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.reference-route[data-reference=en-projelerimiz] .nav-link-lang{margin-left:1rem;padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.2)}.reference-route[data-reference=en-projelerimiz] .hero-section{padding:180px 2rem 80px;text-align:center;background:radial-gradient(circle at top center,rgba(0,174,239,.15),transparent 70%)}.reference-route[data-reference=en-projelerimiz] .hero-title{font-size:clamp(3rem,6vw,4.5rem);font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#fff,#00aeef);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:en-projelerimiz-fadeInUp .8s ease-out forwards}.reference-route[data-reference=en-projelerimiz] .hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#ffffffb3;max-width:700px;margin:0 auto;animation:en-projelerimiz-fadeInUp .8s ease-out .2s forwards}.reference-route[data-reference=en-projelerimiz] .projects-container{max-width:1200px;margin:0 auto 6rem;padding:0 2rem}.reference-route[data-reference=en-projelerimiz] .projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media(max-width:1024px){.reference-route[data-reference=en-projelerimiz] .projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.reference-route[data-reference=en-projelerimiz] .projects-grid{grid-template-columns:1fr}}.reference-route[data-reference=en-projelerimiz] .project-card{background:linear-gradient(145deg,#ffffff12,#ffffff05);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:2rem;transition:all .4s;display:flex;flex-direction:column;justify-content:space-between;min-height:280px;position:relative;overflow:hidden}.reference-route[data-reference=en-projelerimiz] .project-card:hover{transform:translateY(-8px);border-color:#00aeef80;box-shadow:0 20px 40px -10px #00aeef33}.reference-route[data-reference=en-projelerimiz] .project-logo-container{background:#fffffff2;padding:.75rem 1.5rem;border-radius:12px;width:-moz-fit-content;width:fit-content;height:60px;margin-bottom:1.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #0000001a}.reference-route[data-reference=en-projelerimiz] .project-logo{max-height:100%;max-width:120px;width:auto;-o-object-fit:contain;object-fit:contain}.reference-route[data-reference=en-projelerimiz] .project-title{font-size:1.25rem;font-weight:700;color:#fff;line-height:1.4;text-shadow:0 2px 10px rgba(0,0,0,.3)}.reference-route[data-reference=en-projelerimiz] .references-section{position:relative;z-index:10;background:#0000004d;padding:4rem 0;overflow:hidden}.reference-route[data-reference=en-projelerimiz] .references-title{text-align:center;font-size:1.5rem;font-weight:600;color:#ffffffe6;margin-bottom:3rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}.reference-route[data-reference=en-projelerimiz] .marquee-container{position:relative;overflow:hidden;width:100%;padding:2rem 0;background:#ffffff05;backdrop-filter:blur(10px)}.reference-route[data-reference=en-projelerimiz] .marquee-track{display:flex;animation:en-projelerimiz-marquee 30s linear infinite;width:-moz-max-content;width:max-content}.reference-route[data-reference=en-projelerimiz] .marquee-track:hover{animation-play-state:paused}.reference-route[data-reference=en-projelerimiz] .marquee-item{display:flex;align-items:center;justify-content:center;padding:1.5rem 3rem;margin:0 1rem;background:#f0f0f0e6;border:1px solid rgba(255,255,255,.8);border-radius:16px;min-width:200px;height:100px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px #0000001a}.reference-route[data-reference=en-projelerimiz] .marquee-item:hover{background:#fff;transform:translateY(-5px) scale(1.05);box-shadow:0 10px 20px #0003;border-color:#fff}.reference-route[data-reference=en-projelerimiz] .marquee-item img{max-width:160px;max-height:70px;filter:none;opacity:1;transition:all .3s}.reference-route[data-reference=en-projelerimiz] .marquee-item:hover img{filter:none;transform:scale(1.1)}@keyframes en-projelerimiz-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.reference-route[data-reference=en-projelerimiz] .modern-footer{position:relative;z-index:1;background:#0000004d;backdrop-filter:blur(10px);border-top:1px solid rgba(255,255,255,.05);padding:4rem 2rem 2rem}.reference-route[data-reference=en-projelerimiz] .footer-container{max-width:1400px;margin:0 auto}.reference-route[data-reference=en-projelerimiz] .footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem;margin-bottom:3rem}.reference-route[data-reference=en-projelerimiz] .footer-column h4{font-size:.9rem;font-weight:700;color:#00aeef;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.reference-route[data-reference=en-projelerimiz] .footer-column a{display:block;color:#fff9;text-decoration:none;font-size:.9rem;padding:.4rem 0;transition:all .3s ease}.reference-route[data-reference=en-projelerimiz] .footer-column a:hover{color:#00aeef;transform:translate(5px)}.reference-route[data-reference=en-projelerimiz] .footer-column p{color:#ffffff80;font-size:.85rem;line-height:1.7}.reference-route[data-reference=en-projelerimiz] .footer-logo{filter:brightness(0) invert(1);opacity:1;height:100px;width:auto;display:block;margin-bottom:1.5rem}.reference-route[data-reference=en-projelerimiz] .footer-bottom{padding-top:2rem;border-top:1px solid rgba(255,255,255,.05);text-align:center}.reference-route[data-reference=en-projelerimiz] .footer-bottom p{color:#fff6;font-size:.8rem}.reference-route[data-reference=en-projelerimiz] .social-links{display:flex;gap:1rem;margin-top:1.5rem}.reference-route[data-reference=en-projelerimiz] .social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff0d;border-radius:50%;transition:all .3s ease}.reference-route[data-reference=en-projelerimiz] .social-links a:hover{background:#00aeef;transform:translateY(-3px)}.reference-route[data-reference=en-projelerimiz] .social-links a img{width:18px;height:18px;filter:brightness(0) invert(1);opacity:.7}.reference-route[data-reference=en-projelerimiz] .social-links a:hover img{opacity:1}@keyframes en-projelerimiz-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reference-route[data-reference=en-projelerimiz] .reveal{opacity:0;transform:translateY(40px);transition:all .8s ease}.reference-route[data-reference=en-projelerimiz] .reveal.visible{opacity:1;transform:translateY(0)}