@import url("https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Oswald:wght@200..700&family=Outfit:wght@100..900&display=swap");.contact-page{position:relative;min-height:100vh;background:linear-gradient(180deg,#111827,#000);color:#fff;overflow:hidden}.contact-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.bg-orb{position:absolute;border-radius:50%;filter:blur(100px);opacity:.2;animation:float-orb 15s ease-in-out infinite}.orb-1{width:500px;height:500px;background:radial-gradient(circle,#eab308 0,transparent 70%);top:10%;left:-10%;animation-delay:0s}.orb-2{width:600px;height:600px;background:radial-gradient(circle,#ca8a04 0,transparent 70%);bottom:20%;right:-15%;animation-delay:5s}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#f59e0b 0,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:10s}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(50px,-50px) scale(1.1)}66%{transform:translate(-30px,30px) scale(.9)}}.hero-nav{position:relative;z-index:20;justify-content:space-between;padding:24px 80px;background:rgba(0,0,0,.3);backdrop-filter:blur(10px)}.hero-nav,.logo-container{display:flex;align-items:center}.logo,.logo-container{z-index:21}.logo{transition:transform .3s ease;filter:drop-shadow(0 0 10px rgba(234,179,8,.3));position:relative}.logo:hover{transform:scale(1.1);filter:drop-shadow(0 0 20px rgba(234,179,8,.6))}.nav-menu{display:flex;gap:32px;list-style:none;margin:0;padding:0}.nav-link,.nav-menu li{position:relative}.nav-link{color:#fff;text-decoration:none;font-weight:500;font-size:16px;transition:color .3s ease}.nav-link:hover{color:#d4a574}.nav-underline{position:absolute;bottom:-4px;left:0;width:0;height:2px;background-color:#d4a574;transition:width .3s ease}.nav-link:hover .nav-underline{width:100%}.contact-content{position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:3rem 2rem 6rem}.contact-title{font-size:4rem;margin-bottom:1rem;text-align:center;font-family:Oswald,sans-serif;font-weight:700}.title-yellow{color:#eab308}.title-white{color:#fff}.contact-subtitle{text-align:center;font-size:1.25rem;color:#9ca3af;margin-bottom:4rem;font-family:Oswald,sans-serif;font-weight:400}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:5rem}.contact-card{background:linear-gradient(135deg,rgba(234,179,8,.1),rgba(202,138,4,.05));border:2px solid rgba(234,179,8,.3);border-radius:1rem;padding:2.5rem;text-align:center;transition:transform .3s ease,box-shadow .3s ease}.contact-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(234,179,8,.3)}.card-icon{width:4rem;height:4rem;margin:0 auto 1.5rem;color:#eab308}.card-icon svg{width:100%;height:100%}.card-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:1rem}.card-link,.card-title{font-family:Oswald,sans-serif}.card-link{color:#9ca3af;text-decoration:none;font-size:1.125rem;transition:color .3s ease;font-weight:400;word-break:break-all}.card-link:hover{color:#eab308}.contact-button{display:inline-block;background:linear-gradient(135deg,#eab308,#ca8a04);color:#000;padding:.875rem 2rem;border-radius:.5rem;text-decoration:none;font-weight:700;font-family:Oswald,sans-serif;transition:transform .3s ease,box-shadow .3s ease}.contact-button:hover{transform:scale(1.05);box-shadow:0 8px 16px rgba(234,179,8,.4)}.contact-persons{margin-bottom:5rem}.persons-title{font-size:3rem;text-align:center;margin-bottom:3rem;font-family:Oswald,sans-serif;font-weight:700}.persons-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.person-card{background:rgba(31,41,55,.5);border:2px solid rgba(234,179,8,.2);border-radius:1rem;padding:2rem;transition:transform .3s ease,border-color .3s ease}.person-card:hover{transform:translateY(-4px);border-color:rgba(234,179,8,.5)}.person-header{gap:1.5rem;margin-bottom:1.5rem}.person-header,.person-icon{display:flex;align-items:center}.person-icon{width:3.5rem;height:3.5rem;background:linear-gradient(135deg,#eab308,#ca8a04);border-radius:50%;justify-content:center;flex-shrink:0}.person-icon svg{width:2rem;height:2rem;color:#000}.person-info{flex:1}.person-name{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.person-name,.person-role{font-family:Oswald,sans-serif}.person-role{font-size:1rem;color:#eab308;font-weight:400}.person-contact{display:flex;align-items:center;gap:1rem;padding:1rem;background:rgba(0,0,0,.3);border-radius:.5rem}.contact-icon{width:1.5rem;height:1.5rem;color:#eab308;flex-shrink:0}.person-phone{color:#9ca3af;text-decoration:none;font-size:1.125rem;font-family:Oswald,sans-serif;font-weight:400;transition:color .3s ease}.person-phone:hover{color:#eab308}.location-section{text-align:center}.location-title{font-size:3rem;margin-bottom:2rem;font-family:Oswald,sans-serif;font-weight:700}.location-card{background:linear-gradient(135deg,rgba(234,179,8,.1),rgba(202,138,4,.05));border:2px solid rgba(234,179,8,.3);border-radius:1rem;padding:2.5rem;max-width:600px;margin:0 auto;display:flex;align-items:center;gap:1.5rem}.location-icon{width:3rem;height:3rem;color:#eab308;flex-shrink:0}.location-icon svg{width:100%;height:100%}.location-text{font-size:1.125rem;color:#9ca3af;text-align:left;line-height:1.75;font-family:Oswald,sans-serif;font-weight:400;margin:0}@media (max-width:992px){.contact-cards,.persons-grid{grid-template-columns:1fr}.contact-title,.location-title,.persons-title{font-size:2.5rem}}@media (max-width:768px){.hero-nav{padding:1rem 1.5rem;flex-wrap:wrap}.logo-container{order:1}.logo{width:80px!important;height:80px!important}.nav-menu{order:2;width:100%;margin-top:1rem;justify-content:center;flex-wrap:wrap;gap:1rem}.nav-link{font-size:14px}.contact-title,.location-title,.persons-title{font-size:2rem}.location-card{flex-direction:column}.location-card,.location-text{text-align:center}}@media (max-width:480px){.hero-nav{padding:.75rem 1rem}.logo{width:60px!important;height:60px!important}.nav-menu{gap:.75rem}.nav-link{font-size:12px}.contact-title,.location-title,.persons-title{font-size:1.5rem}}