.about-page{color:#1f2937;background:#fff;min-height:100vh;padding:40px 20px}.dark .about-page{color:#f3f4f6;background:#111827}.about-container{background:#fff;border-radius:12px;max-width:900px;margin:0 auto;padding:40px;box-shadow:0 4px 6px #0000001a}.dark .about-container{background:#1f2937;box-shadow:0 4px 6px #0000004d}.about-page h1{color:#1f2937;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.dark .about-page h1{color:#f3f4f6}.about-page>.about-container>h2{color:#6b7280;margin-bottom:2rem;font-size:1.25rem;font-weight:500}.dark .about-page>.about-container>h2{color:#d1d5db}.app-description,.team,.contact{margin-bottom:3rem}.app-description h2,.team h2,.contact h2{color:#1f2937;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.dark .app-description h2,.dark .team h2,.dark .contact h2{color:#f3f4f6}.app-description p{color:#4b5563;margin:0;font-size:1rem;line-height:1.6}.dark .app-description p{color:#d1d5db}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px;display:grid}.team-member{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:all .3s}.dark .team-member{background:#111827;border-color:#374151}.team-member:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.dark .team-member:hover{box-shadow:0 4px 12px #0000004d}.team-member h3{color:#1f2937;margin-bottom:.75rem;font-size:1.125rem;font-weight:700}.dark .team-member h3{color:#f3f4f6}.team-member p{color:#6b7280;margin:0;font-size:.95rem;line-height:1.5}.dark .team-member p{color:#d1d5db}.contact-form{flex-direction:column;gap:15px;max-width:500px;display:flex}.contact-form input,.contact-form textarea{color:#1f2937;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:12px;font-family:inherit;font-size:1rem;transition:all .3s}.dark .contact-form input,.dark .contact-form textarea{color:#f3f4f6;background:#111827;border-color:#374151}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.dark .contact-form input:focus,.dark .contact-form textarea:focus{box-shadow:0 0 0 3px #2563eb33}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:6px;align-self:flex-start;padding:12px 24px;font-size:1rem;font-weight:600;transition:all .3s}.contact-form button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.contact-form button:active{transform:translateY(0)}.success-message{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-weight:500}.dark .success-message{color:#86efac;background:#10b9811a;border-color:#10b981}@media (max-width:768px){.about-container{padding:20px}.about-page h1{font-size:2rem}.app-description h2,.team h2,.contact h2{font-size:1.5rem}.team-grid{grid-template-columns:1fr}.contact-form{max-width:100%}}