:root{--primary-color: #4a90e2;--primary-hover: #357abd;--text-primary: #2c3e50;--text-secondary: #5a6c7d;--text-light: #8b9dc3;--bg-primary: #e6ebf0;--bg-secondary: #dce4ec;--shadow-light: #ffffff;--shadow-dark: #b8c5d1;--border-radius: 20px;--border-radius-small: 12px;--transition: all .3s ease}[data-theme=dark]{--primary-color: #5aa3f0;--primary-hover: #4a90e2;--text-primary: #e8eef5;--text-secondary: #b0bcc9;--text-light: #6b7d8f;--bg-primary: #2c3e50;--bg-secondary: #34495e;--shadow-light: #3a4d63;--shadow-dark: #1e2a3a}body{background:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.contact-container{max-width:1200px;margin:0 auto;padding:2rem;background:var(--bg-primary);min-height:100vh}.contact-header{text-align:center;margin:2rem 0 4rem;padding:3rem 2rem;background:var(--bg-primary);border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);position:relative;overflow:hidden}.contact-header:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(135deg);border-radius:var(--border-radius) var(--border-radius) 0 0}.contact-header h1{font-size:2.75rem;margin-bottom:1.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-.025em}.contact-header p{font-size:1.1rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.7;font-weight:400}.location-info{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);text-align:center;margin-bottom:2rem;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:var(--transition)}.location-info h3{color:var(--text-primary);font-size:1.35rem;margin-bottom:.75rem;font-weight:600}.location-info p{color:var(--text-secondary);font-size:.95rem;margin:0;font-weight:400}.contact-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-bottom:3rem}.contact-info{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:var(--transition)}.contact-info h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600;text-align:center}.contact-item{display:flex;align-items:center;margin-bottom:1.5rem;padding:1.5rem;background:var(--bg-primary);border-radius:var(--border-radius-small);transition:var(--transition);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);cursor:pointer}.contact-item:last-child{margin-bottom:0}.contact-icon{width:44px;height:44px;background:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1.25rem;color:#fff;font-size:1rem;flex-shrink:0;box-shadow:4px 4px 8px var(--shadow-dark),-4px -4px 8px var(--shadow-light)}.contact-details h3{font-size:1.1rem;color:var(--text-primary);margin-bottom:.25rem;font-weight:600}.contact-details p{color:var(--text-secondary);margin:0;font-size:.95rem;font-weight:400}.contact-details a{color:var(--primary-color);text-decoration:none;transition:var(--transition);font-weight:500}.contact-details a:hover{color:var(--primary-hover);text-decoration:underline}.contact-form{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);transition:var(--transition)}.contact-form h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600;text-align:center}.form-group{margin-bottom:1.5rem}.form-group:last-child{margin-bottom:0}.form-group label{display:block;margin-bottom:.75rem;font-weight:500;color:var(--text-primary);font-size:.95rem}.form-group input,.form-group textarea{width:100%;padding:1rem;border:none;border-radius:var(--border-radius-small);font-size:.95rem;font-family:inherit;background:var(--bg-primary);color:var(--text-primary);transition:var(--transition);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light);box-sizing:border-box;font-weight:400}.form-group input:focus,.form-group textarea:focus{outline:none;box-shadow:inset 6px 6px 12px var(--shadow-dark),inset -6px -6px 12px var(--shadow-light),0 0 0 3px #4a90e233}.form-group textarea{resize:vertical;min-height:120px;line-height:1.6}.form-submit{background:var(--primary-color);color:#fff;padding:15px 30px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:600;cursor:pointer;width:100%;transition:var(--transition);margin-top:1rem;box-shadow:8px 8px 16px #4a90e233,-8px -8px 16px #ffffff1a}.form-submit:hover{background:var(--primary-hover);transform:scale(.98);box-shadow:inset 4px 4px 8px var(--shadow-dark),inset -4px -4px 8px var(--shadow-light)}.form-submit:active{transform:scale(.96)}.social-links{background:var(--bg-primary);padding:3rem 2rem;border-radius:var(--border-radius);text-align:center;margin-bottom:2rem;box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}.social-links h2{font-size:1.75rem;color:var(--text-primary);margin-bottom:2rem;font-weight:600}.social-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:2rem;margin-top:2rem}.social-item{background:var(--bg-primary);padding:2rem;border-radius:var(--border-radius);text-decoration:none;display:block;transition:var(--transition);box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light);position:relative;overflow:hidden}.social-item:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-hover) 100%);transform:scaleX(0);transition:var(--transition)}.social-item:hover:before{transform:scaleX(1)}.social-item:hover{transform:translateY(-3px);box-shadow:8px 8px 16px var(--shadow-dark),-8px -8px 16px var(--shadow-light)}.social-item h3{color:var(--text-primary);margin-bottom:.75rem;font-size:1.1rem;font-weight:600}.social-item p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}@media (max-width: 768px){.contact-container{padding:1rem}.contact-header{padding:2rem 1.5rem;margin:1rem 0 3rem}.contact-header h1{font-size:2.25rem}.contact-header p{font-size:1rem}.contact-content{grid-template-columns:1fr;gap:1.5rem}.contact-info,.contact-form{padding:1.5rem}.contact-item{padding:1.25rem}.contact-icon{width:36px;height:36px;font-size:.9rem;margin-right:1rem}.social-links{padding:2rem 1.5rem}.social-grid{grid-template-columns:1fr;gap:1.5rem}.social-item,.location-info{padding:1.5rem}}@media (max-width: 480px){.contact-container{padding:.75rem}.contact-header{padding:1.5rem 1rem}.contact-header h1{font-size:2rem}.contact-info,.contact-form{padding:1.25rem}.contact-item{flex-direction:column;text-align:center;padding:1.25rem}.contact-icon{margin-right:0;margin-bottom:.75rem}.social-links{padding:1.5rem 1.25rem}.social-item{padding:1.25rem}.location-info h3{font-size:1.25rem}}.contact-item:focus,.social-item:focus,.form-submit:focus{outline:2px solid var(--primary-color);outline-offset:2px}@keyframes pulse{0%,to{box-shadow:12px 12px 24px var(--shadow-dark),-12px -12px 24px var(--shadow-light)}50%{box-shadow:16px 16px 32px var(--shadow-dark),-16px -16px 32px var(--shadow-light)}}.loading{animation:pulse 2s ease-in-out infinite}
