.page-hero{background:var(--color-background-alt);border-bottom:3px solid #1a1a1a;margin-top:80px;padding:4rem 5%;text-align:center}.dark-mode .page-hero{border-bottom-color:#fff}.page-hero-content h1{color:var(--color-heading);font-size:3rem;font-weight:700;margin-bottom:1rem}.page-subtitle{color:var(--color-text-muted);font-size:1.1rem}.contact-section{background:var(--color-background);padding:4rem 5%}.contact-container{margin:0 auto;max-width:1400px}.contact-grid{align-items:start;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.form-card,.info-card{background:#fff;border:3px solid #1a1a1a;border-radius:20px;box-shadow:8px 8px #1a1a1a;padding:2.5rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.dark-mode .form-card,.dark-mode .info-card{background:#1e1e1e;border-color:#fff;box-shadow:8px 8px 0 var(--color-primary)}.form-card:hover,.info-card:hover{border-color:var(--color-primary);box-shadow:12px 12px 0 var(--color-primary);transform:translateY(-4px) translate(-2px)}.dark-mode .form-card:hover,.dark-mode .info-card:hover{border-color:#fff;box-shadow:12px 12px #fff}.form-card h2,.info-card h2{color:var(--color-heading);font-size:2rem;font-weight:600;margin-bottom:1rem}.form-card>p{color:var(--color-text-secondary);margin-bottom:2rem}.form-group{margin-bottom:1.5rem}.form-group label{color:var(--color-text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background:#fff;border:3px solid #1a1a1a;border-radius:8px;color:var(--color-text);font-size:1rem;padding:.875rem;transition:all .3s;width:100%}.dark-mode .form-group input,.dark-mode .form-group textarea{background:#1e1e1e;border-color:#fff;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:4px 4px 0 var(--color-primary);outline:none}.dark-mode .form-group input:focus,.dark-mode .form-group textarea:focus{border-color:#fff;box-shadow:4px 4px #fff}.form-group textarea{min-height:150px;resize:vertical}.submit-btn{background:var(--color-primary);border:3px solid #1a1a1a;border-radius:8px;box-shadow:4px 4px #1a1a1a;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;padding:1rem;transition:all .3s;width:100%}.dark-mode .submit-btn{border-color:#fff;box-shadow:4px 4px 0 var(--color-primary)}.submit-btn:hover{border-color:var(--color-primary);box-shadow:6px 6px 0 var(--color-primary);transform:translateY(-2px) translate(-1px)}.dark-mode .submit-btn:hover{border-color:#fff;box-shadow:6px 6px #fff}.form-message{border-radius:8px;font-weight:500;margin-top:1rem;padding:1rem;text-align:center}.form-message.success{background:#8b5cf61a;border:1px solid var(--color-secondary);color:var(--color-primary-dark)}.form-message.error{background:#fee2e2;border:1px solid #ef4444;color:#991b1b}.info-item{background:#f8f9fa;border:3px solid #1a1a1a;border-radius:12px;box-shadow:4px 4px #1a1a1a;display:flex;gap:1.25rem;margin-bottom:1.5rem;padding:1.5rem;transition:all .3s}.dark-mode .info-item{background:#2a2a2a;border-color:#fff;box-shadow:4px 4px 0 var(--color-primary)}.info-item:hover{border-color:var(--color-primary);box-shadow:6px 6px 0 var(--color-primary);transform:translateY(-2px) translate(-1px)}.dark-mode .info-item:hover{border-color:#fff;box-shadow:6px 6px #fff}.info-icon{flex-shrink:0;font-size:2rem}.info-item h3{color:var(--color-heading);font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.info-item p{color:var(--color-text-secondary);line-height:1.6}.response-time{background:#f8f9fa;border:3px solid #1a1a1a;border-left:6px solid var(--color-primary);border-radius:12px;box-shadow:4px 4px #1a1a1a;margin-top:2rem;padding:1.5rem}.dark-mode .response-time{background:#2a2a2a;border-color:#fff;border-left-color:var(--color-primary);box-shadow:4px 4px 0 var(--color-primary)}.response-time p{color:var(--color-text-secondary);line-height:1.6;margin-bottom:.5rem}.response-time p:last-child{margin-bottom:0}@media(max-width:968px){.contact-grid{gap:2rem;grid-template-columns:1fr}}@media(max-width:768px){.page-hero{padding:3rem 3%}.page-hero-content h1{font-size:2rem}.page-subtitle{font-size:1rem}.contact-section{padding:3rem 3%}.contact-grid{gap:2rem}.form-card,.info-card{padding:2rem}.form-card h2,.info-card h2{font-size:1.5rem}}
