.contact-page{padding:var(--spacing-3xl) 0}.contact-page h1{font-size:clamp(2rem,4vw,3rem);margin-bottom:var(--spacing-lg);color:var(--black)}.about-section{max-width:100%;margin:0 auto var(--spacing-3xl);padding:var(--spacing-2xl);background:var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);animation:fadeIn .6s ease-out}.about-section h2{font-size:clamp(1.75rem,3vw,2.5rem);margin-bottom:var(--spacing-lg);color:var(--black);position:relative;padding-bottom:var(--spacing-md)}.about-section h2:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:4px;background:var(--gradient-primary);border-radius:var(--radius-full)}.about-content{line-height:1.8}.about-content p{font-size:1.125rem;color:var(--gray-700);margin-bottom:var(--spacing-md)}.about-content p:last-child{margin-bottom:0}.about-content h3,.about-content h4{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-sm);color:var(--black)}.about-content ol,.about-content ul{margin-left:var(--spacing-lg);margin-bottom:var(--spacing-md);color:var(--gray-700)}.about-content a{color:var(--primary);text-decoration:underline;text-underline-offset:3px}.about-content a:hover{color:var(--primary-dark)}.contact-form-section{max-width:100%;margin:0 auto var(--spacing-3xl);padding:var(--spacing-2xl);background-color:var(--white);background-image:url(/images/contact-form-bg.png);background-size:cover;background-position:50%;background-repeat:no-repeat;position:relative;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--gray-200);animation:fadeIn .8s ease-out;overflow:hidden}.contact-form-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(255,255,255,.75);border-radius:var(--radius-xl);z-index:0;pointer-events:none}.contact-form-section>*{position:relative;z-index:1}.form-description{font-size:1.125rem;color:var(--gray-600);margin-bottom:var(--spacing-xl);line-height:1.7}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;color:var(--black)}.form-group input,.form-group textarea{padding:.875rem 1rem;border:2px solid var(--gray-300);border-radius:var(--radius-md);font-size:1rem;font-family:inherit;transition:all var(--transition-base);background:rgba(255,255,255,.8);color:var(--gray-900)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(99,102,241,.1)}.form-group textarea{resize:vertical;min-height:120px}.form-message{padding:1rem;border-radius:4px;margin-top:1rem}.form-message.success{background:#d4edda;color:#155724;border:1px solid #c3e6cb}.form-message.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.contact-info{margin-top:var(--spacing-3xl);padding-top:var(--spacing-3xl);border-top:1px solid var(--gray-200);max-width:700px;margin-left:auto;margin-right:auto}.contact-item h3{font-size:1.25rem;margin-bottom:var(--spacing-sm);color:var(--primary);font-weight:600}.contact-item p{color:var(--gray-600);font-size:1.125rem;line-height:1.7}.contact-form .btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-base);position:relative;overflow:hidden;font-family:inherit;min-width:150px}.contact-form .btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,255,255,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.contact-form .btn:hover:before{width:300px;height:300px}.contact-form .btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-lg)}.contact-form .btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.contact-form .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.contact-form .btn-secondary{background:var(--white);color:var(--primary);border:2px solid var(--primary)}.contact-form .btn-secondary:hover{background:var(--primary);color:var(--white);transform:translateY(-2px)}@media (max-width:768px){.contact-page h1{font-size:2rem}.about-section,.contact-form-section{max-width:100%}}