@import "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Syne:wght@400;600;700;800&display=swap";:root{--primary:#b47d17;--bg-color:#010a12;--text-white:#fff}body{background-color:var(--bg-color);color:var(--text-white);justify-content:center;align-items:center;height:100vh;margin:0;padding:0;font-family:Syne,sans-serif;display:flex;position:relative;overflow:hidden}body:after{content:"";pointer-events:none;z-index:5;background:radial-gradient(circle,#0000 30%,#010a12fa 100%);position:absolute;inset:0}.bg-text-wrapper{z-index:1;pointer-events:none;opacity:0;flex-direction:column;justify-content:center;width:300%;height:300%;animation:2.5s ease-out .5s forwards revealBackground;display:flex;position:fixed;top:-100%;left:-100%;transform:rotate(-45deg)}.bg-text-row{white-space:nowrap;color:var(--primary);letter-spacing:8px;margin-bottom:30px;font-size:3rem;font-weight:800;display:flex}.scroll-normal{will-change:transform;padding-right:50px;animation:300s linear infinite scrollText;display:inline-block}.scroll-reverse{will-change:transform;padding-right:50px;animation:300s linear infinite scrollTextReverse;display:inline-block}@keyframes scrollText{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scrollTextReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.main-content{z-index:10;flex-direction:column;justify-content:center;align-items:center;display:flex}.toplu-container{flex-direction:column;justify-content:center;align-items:center;width:1400px;max-width:95vw;display:flex;position:relative}.toplu-image{z-index:2;opacity:0;width:100%;height:auto;animation:2.5s cubic-bezier(.16,1,.3,1) 1.5s forwards revealLogo;transform:scale(.93)translateY(20px)}.button-wrapper{z-index:10;opacity:0;width:100%;animation:1.5s cubic-bezier(.16,1,.3,1) 2.8s forwards revealButton;position:absolute;bottom:30%;right:-63%;transform:translateY(30px)}.contact-btn{color:var(--bg-color);cursor:pointer;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#a3650f,#f5c04f,#b47d17,#e6a323,#8c550a) 100% 100%/300% 300%;border:none;border-radius:50px;padding:1rem 3.5rem;font-family:Cinzel,serif;font-size:1.2rem;font-weight:700;transition:all .5s;box-shadow:0 4px 20px #b47d174d}.contact-btn:hover{background-position:0 0;transform:translateY(-3px)scale(1.05);box-shadow:0 10px 35px #b47d17cc}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:999;will-change:opacity;background:#010a12d9;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.4s ease-out forwards fadeIn;display:flex;position:fixed;top:0;left:0}.modal-content{will-change:transform, opacity;background:#010a12f2;border:1px solid #b47d174d;border-radius:24px;width:90%;max-width:550px;padding:4rem 3.5rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards slideUp;position:relative;box-shadow:0 25px 50px #000c,inset 0 0 30px #b47d170d}.close-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;font-size:2rem;font-weight:300;transition:all .3s;position:absolute;top:1.5rem;right:2rem}.close-btn:hover{color:var(--primary);transform:rotate(90deg)}.modal-content h2{color:var(--text-white);text-align:center;letter-spacing:2px;margin-top:0;margin-bottom:.5rem;font-size:2.5rem;font-weight:300}.modal-content p.subtitle{color:#9ca3af;text-align:center;margin-bottom:3rem;font-size:1rem;font-weight:300}.input-group{margin-bottom:2.5rem;position:relative}.input-group input,.input-group textarea{color:#d1d5db;background:0 0;border:none;border-bottom:1px solid #ffffff1a;outline:none;width:100%;padding:.5rem 0;font-family:inherit;font-size:1.1rem;font-weight:300;transition:all .4s}.input-group input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-group input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-group input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-group input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:#d1d5db!important;background-color:#0000!important;-webkit-box-shadow:inset 0 0 0 30px #0000!important}.input-group textarea{resize:none}.input-group label{color:#4b5563;pointer-events:none;font-size:1.1rem;transition:all .4s;position:absolute;top:.5rem;left:0}.input-group input:focus~label,.input-group input:valid~label,.input-group textarea:focus~label,.input-group textarea:valid~label{color:var(--primary);letter-spacing:1px;font-size:.8rem;font-weight:400;top:-1.2rem}.input-group input:focus,.input-group textarea:focus{box-shadow:none;border-bottom-color:#b47d1766}.submit-btn{width:100%;color:var(--bg-color);cursor:pointer;letter-spacing:4px;text-transform:uppercase;background:linear-gradient(135deg,#a3650f,#f5c04f,#b47d17,#e6a323,#8c550a) 100% 100%/300% 300%;border:none;border-radius:12px;margin-top:1rem;padding:1.2rem;font-family:Cinzel,serif;font-size:1.1rem;font-weight:700;transition:all .5s;box-shadow:0 10px 20px #b47d1733}.submit-btn:hover{background-position:0 0;transform:translateY(-2px);box-shadow:0 15px 35px #b47d1799}@keyframes revealBackground{0%{opacity:0;filter:blur(15px)}to{opacity:.12;filter:blur()}}@keyframes revealLogo{0%{opacity:0;filter:drop-shadow(0 0 #b47d1700);transform:scale(.93)translateY(30px)}to{opacity:1;filter:drop-shadow(0 0 45px #b47d1799);transform:scale(1)translateY(0)}}@keyframes revealButton{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-message{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 0;animation:.5s ease-out forwards fadeIn;display:flex}.success-icon{border:1px solid var(--primary);width:80px;height:80px;color:var(--primary);background:#b47d170d;border-radius:50%;justify-content:center;align-items:center;margin-bottom:1.5rem;font-size:2.5rem;animation:.6s cubic-bezier(.175,.885,.32,1.275) forwards scaleBounce;display:flex}@keyframes scaleBounce{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.success-message h3{color:var(--text-white);margin-top:0;margin-bottom:.5rem;font-family:Cinzel,serif;font-size:1.8rem;font-weight:300}.success-message p{color:#9ca3af;margin:0;font-weight:300;line-height:1.6}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.modal-overlay.closing{animation:.4s ease-in forwards fadeOut}.modal-content.closing{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideDown}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@media (width<=1024px){.toplu-container{width:80vw}.button-wrapper{justify-content:center;width:100%;margin-top:-30px;display:flex;position:relative;bottom:auto;right:auto}}@media (width<=768px){.toplu-container{width:95vw;padding:0 1rem}.button-wrapper{margin-top:-10px}.contact-btn{padding:.9rem 2.2rem;font-size:1rem}.modal-content{width:95%;padding:2.5rem 1.5rem}.modal-content h2{font-size:2rem}.modal-content p.subtitle{margin-bottom:2rem;font-size:.9rem}.close-btn{top:1rem;right:1.5rem}.bg-text-row{letter-spacing:5px;font-size:2rem}}
