:root{--text-primary:#111827;--text-secondary:#374151;--text-light:#9ca3af;--bg-primary:#fff;--bg-secondary:#f9fafb;--bg-tertiary:#f3f4f6;--border-color:#e5e7eb;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 15px #0000001a}.dark{--text-primary:#f3f4f6;--text-secondary:#d1d5db;--text-light:#9ca3af;--bg-primary:#1f2937;--bg-secondary:#111827;--bg-tertiary:#374151;--border-color:#374151;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px #0000004d;--shadow-lg:0 10px 15px #0000004d}.about-page{background:var(--bg-secondary);min-height:100vh;color:var(--text-primary);padding:0}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.about-hero{color:#111827;text-align:center;background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);padding:80px 20px;position:relative;overflow:hidden}.dark .about-hero{color:#fff;background:linear-gradient(135deg,#0f172a 0%,#020617 100%)}.about-hero:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#ffffff1a 0%,#0000 50%),radial-gradient(circle at 80% 80%,#ffffff0d 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:2;max-width:800px;margin:0 auto;position:relative}.hero-title{text-shadow:0 2px 4px #0000001a;color:#1e3a5f!important;margin-bottom:.5rem!important;font-size:3.5rem!important;font-weight:900!important}.dark .hero-title{text-shadow:0 2px 4px #0003;color:#fff!important}.hero-subtitle{color:#374151!important;margin-bottom:1rem!important;font-size:1.5rem!important;font-weight:600!important}.dark .hero-subtitle{color:#ffffffe6!important}.hero-description{color:#4b5563;margin:0;font-size:1.1rem;line-height:1.8}.dark .hero-description{color:#ffffffd9}.section-header{text-align:center;margin-bottom:50px;padding:40px 20px 0}.section-title{color:var(--text-primary)!important;margin-bottom:.5rem!important;font-size:2.5rem!important;font-weight:800!important}.section-subtitle{color:var(--text-secondary);margin:0;font-size:1.1rem;font-weight:500}.divisions-section{padding:60px 20px}.divisions-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin-bottom:40px;display:grid}.division-card{border-radius:12px;flex-direction:column;min-height:280px;transition:all .3s;display:flex;position:relative;overflow:hidden;background:var(--bg-primary)!important;border:2px solid var(--border-color)!important;padding:30px!important}.division-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#2563eb);height:4px;position:absolute;top:0;left:0;right:0}.division-card.division-green:before{background:linear-gradient(90deg,#10b981,#059669)}.division-card.division-amber:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.division-card.division-purple:before{background:linear-gradient(90deg,#a855f7,#9333ea)}.division-card.division-rose:before{background:linear-gradient(90deg,#f43f5e,#e11d48)}.division-card.division-cyan:before{background:linear-gradient(90deg,#06b6d4,#0891b2)}.division-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:currentColor!important}.division-icon{color:#3b82f6;background:linear-gradient(135deg,#e0e7ff 0%,#f0f9ff 100%);border-radius:10px;justify-content:center;align-items:center;width:50px;height:50px;margin-bottom:15px;display:flex}.division-card.division-green .division-icon{color:#10b981;background:linear-gradient(135deg,#d1fae5 0%,#ecfdf5 100%)}.division-card.division-amber .division-icon{color:#f59e0b;background:linear-gradient(135deg,#fed7aa 0%,#fef3c7 100%)}.division-card.division-purple .division-icon{color:#a855f7;background:linear-gradient(135deg,#e9d5ff 0%,#faf5ff 100%)}.division-card.division-rose .division-icon{color:#f43f5e;background:linear-gradient(135deg,#ffe4e6 0%,#fff0f2 100%)}.division-card.division-cyan .division-icon{color:#06b6d4;background:linear-gradient(135deg,#cffafe 0%,#ecf8ff 100%)}.division-card h3{color:var(--text-primary);margin:0 0 10px;font-size:1.25rem;font-weight:700}.division-card p{color:var(--text-secondary);flex-grow:1;margin:0;font-size:.95rem;line-height:1.6}.division-footer{color:#3b82f6;opacity:0;align-items:center;gap:8px;margin-top:15px;font-weight:600;transition:opacity .3s;display:flex}.division-card:hover .division-footer{opacity:1}.arrow-icon{transition:transform .3s}.division-card:hover .arrow-icon{transform:translate(4px)}.dark .division-card{background:var(--bg-primary)!important}.values-section{background:linear-gradient(to bottom, var(--bg-tertiary), transparent);padding:60px 20px}.values-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;display:grid}.value-card{border-radius:12px;transition:all .3s;position:relative;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;padding:30px!important}.value-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:#3b82f6!important}.value-number{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:8px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:15px;font-size:1.25rem;font-weight:700;display:inline-flex}.value-card h3{color:var(--text-primary);margin:0 0 10px;font-size:1.125rem;font-weight:700}.value-card p{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.team-section{background:linear-gradient(to bottom, transparent, var(--bg-tertiary));padding:60px 20px}.team-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:25px;margin-bottom:40px;display:grid}.team-card{text-align:center;border-radius:12px;transition:all .3s;position:relative;background:var(--bg-primary)!important;border:1px solid var(--border-color)!important;padding:25px!important}.team-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);background:linear-gradient(135deg,#3b82f605,#2563eb05)!important;border-color:#3b82f6!important}.team-card h3{color:var(--text-primary);margin:0 0 8px;font-size:1.125rem;font-weight:700}.role-title{color:#3b82f6;text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px;font-size:.85rem;font-weight:600}.team-card p{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.6}.dark .team-card{background:var(--bg-primary)!important}.dark .team-card:hover{background:linear-gradient(135deg,#3b82f60d,#2563eb0d)!important}.cta-section{padding:40px 20px}.cta-card{text-align:center;border-radius:16px;background:linear-gradient(135deg,#3b82f61a,#2563eb0d)!important;border:2px solid #3b82f6!important;padding:40px!important}.dark .cta-card{background:linear-gradient(135deg,#3b82f626,#2563eb1a)!important}.cta-card h2{color:var(--text-primary);margin:0 0 15px;font-size:2rem;font-weight:800}.cta-card p{color:var(--text-secondary);margin:0 0 10px;font-size:1rem;line-height:1.6}.cta-card p.highlight{color:#3b82f6;font-weight:600}.dark .cta-card p.highlight{color:#60a5fa}.contact-form{flex-direction:column;gap:15px;max-width:500px;display:flex}.contact-form input,.contact-form textarea,.contact-form select{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,.dark .contact-form select{color:#f3f4f6;background:#111827;border-color:#374151}.contact-form input:focus,.contact-form textarea:focus,.contact-form select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.dark .contact-form input:focus,.dark .contact-form textarea:focus,.dark .contact-form select: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:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #2563eb4d}.contact-form button:active:not(:disabled){transform:translateY(0)}.contact-form button:disabled{opacity:.6;cursor:not-allowed}.success-message{color:#065f46;background:#d1fae5;border:1px solid #6ee7b7;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-weight:500}.error-message{color:#991b1b;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;margin-bottom:20px;padding:12px 16px;font-weight:500}@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%}}.contact{padding:60px 20px}.contact-form{flex-direction:column;gap:20px;max-width:600px;margin-bottom:30px;display:flex}.form-row{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:15px;display:grid}.form-input,.form-textarea,.form-select{border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);border-radius:8px;padding:12px 16px;font-family:inherit;font-size:.95rem;transition:all .3s}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.dark .form-input,.dark .form-textarea,.dark .form-select{background:var(--bg-primary);color:var(--text-primary);border-color:var(--border-color)}.dark .form-input:focus,.dark .form-textarea:focus,.dark .form-select:focus{box-shadow:0 0 0 3px #3b82f633}.form-textarea{resize:vertical;min-height:150px;font-family:inherit}.submit-button{align-self:flex-start;min-width:200px}.contact-info{border:1px solid var(--border-color);color:var(--text-secondary);background:linear-gradient(135deg,#3b82f60d,#2563eb0d);border-radius:8px;padding:20px;font-size:.95rem;line-height:1.8}.dark .contact-info{background:#3b82f614;border-color:#3b82f633}.contact-info strong{color:var(--text-primary);font-weight:600}.success-message{color:#065f46;background:linear-gradient(135deg,#d1fae5,#ecfdf5);border:1px solid #a7f3d0;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:16px;font-weight:500;display:flex}.dark .success-message{color:#86efac;background:#10b9811a;border-color:#10b9814d}.error-message{color:#991b1b;background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #fecaca;border-radius:8px;align-items:center;gap:10px;margin-bottom:20px;padding:16px;font-weight:500;display:flex}.dark .error-message{color:#fca5a5;background:#ef44441a;border-color:#ef44444d}@media (max-width:1024px){.divisions-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.team-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (max-width:768px){.hero-title{font-size:2.5rem!important}.hero-subtitle{font-size:1.25rem!important}.hero-description{font-size:.95rem}.section-title{font-size:2rem!important}.section-subtitle{font-size:1rem}.divisions-grid,.values-grid,.team-grid{grid-template-columns:1fr;gap:20px}.form-row{grid-template-columns:1fr}.about-container{padding:0 20px}.section-header{margin-bottom:35px;padding:30px 20px 0}}@media (max-width:480px){.hero-title{font-size:2rem!important}.hero-subtitle{font-size:1rem!important}.section-title{font-size:1.5rem!important}.division-card h3{font-size:1.1rem}.division-card p{font-size:.9rem}.cta-card{padding:25px!important}.cta-card h2{font-size:1.5rem}.form-input,.form-textarea,.form-select{font-size:.9rem}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}