.contact-page{color:#333;box-sizing:border-box;background:linear-gradient(#000 40%,#fff 100%);width:100%;max-width:100%;min-height:100vh;margin-top:-80px;padding-top:80px;overflow-x:hidden}.contact-page *{box-sizing:border-box}.contact-hero{text-align:center;color:#fff;background:#000;justify-content:center;align-items:center;height:40vh;min-height:300px;padding:20px;display:flex;position:relative;overflow:hidden}.contact-hero-content{opacity:0;width:100%;max-width:900px;padding:0 15px;transition:all .8s ease-out;transform:translateY(30px)}.contact-hero-content.fade-in-up{opacity:1;transform:translateY(0)}.contact-hero-content h1{margin-top:20px;margin-bottom:20px;font-size:clamp(2rem,5vw,3.5rem);line-height:1.2}.contact-hero-content p{opacity:.8;font-size:clamp(1rem,2vw,1.2rem)}.contact-content{padding:40px 20px}.contact-main-container{align-items:flex-start;gap:50px;max-width:1200px;margin:0 auto;display:flex}.info-side{flex-direction:column;flex:1;gap:40px;width:100%;display:flex}.info-grid{gap:35px;display:grid}.info-card{background:#f7f6f3;border-left:5px solid #000;border-radius:12px;align-items:flex-start;gap:15px;padding:25px 15px;transition:transform .3s;display:flex;overflow:hidden;box-shadow:0 5px 20px #0000000d}.info-card:hover{transform:translate(5px)}.info-card .icon{color:#000;flex-shrink:0;margin-top:2px;font-size:1.6rem}.info-content{flex-wrap:nowrap;align-items:baseline;gap:10px;width:100%;display:flex}.info-card h3{color:#000;white-space:nowrap;flex-shrink:0;margin:7px;font-size:1.1rem;font-weight:800}.info-card a,.info-card p{color:#282828;word-break:break-word;margin:0;font-size:1.1rem;line-height:1.5;text-decoration:none}.map-container{border:5px solid #fff;border-radius:15px;overflow:hidden;box-shadow:0 10px 30px #0000001a}.form-side{flex:1;width:100%}.cp-form-box{background:#f7f6f3;border:1px solid #eee;border-radius:15px;padding:40px;box-shadow:0 10px 40px #00000014}.cp-form-box h2{color:#000;margin-bottom:5px;font-size:2rem}.cp-form-box p{color:#282828;margin-bottom:30px}.cp-form-inner{flex-direction:column;gap:20px;display:flex}.cp-form-group input,.cp-form-group textarea,.cp-form-group select{color:#333;background:#f9f9f9;border:1px solid #ddd;border-radius:8px;width:100%;padding:15px;font-size:1rem}.cp-form-group input:focus,.cp-form-group textarea:focus{background:#fff;border-color:#000;outline:none}.cp-submit-btn{color:#fff;cursor:pointer;background:#000;border:none;border-radius:8px;padding:15px;font-size:1.1rem;font-weight:600;transition:all .3s}.cp-submit-btn:hover{background:#151515;transform:translateY(-2px)}.success-message{text-align:center;background-color:#f0fdf4;border:1px dashed #000;border-radius:12px;padding:40px 20px}.success-icon i{color:#20ac00;font-size:4rem}@media (max-width:1024px){.contact-main-container{gap:30px}}@media (max-width:900px){.contact-main-container{flex-direction:column-reverse}.contact-hero{height:auto;padding:60px 20px}.cp-form-box{padding:25px 20px}.cp-form-box h2{font-size:1.8rem}}@media (max-width:480px){.contact-content{padding:20px 10px}.info-content{flex-direction:column;align-items:flex-start;gap:2px}.info-card h3{white-space:normal;font-size:1rem}.info-card a,.info-card p{font-size:.95rem}.cp-form-group input,.cp-form-group textarea,.cp-form-group select{padding:12px;font-size:.95rem}}