.team-page{--primary-navy:#0d2654;--secondary-navy:#103572;--accent-blue:#93c5fd}.team-page .hero-section{background:linear-gradient(to right,var(--primary-navy),var(--secondary-navy));color:#fff;flex-direction:column;justify-content:center;align-items:center;padding:6rem 0 4rem;display:flex;position:relative;overflow:hidden}.team-page .hero-section .hero-bg-elements{opacity:.15;pointer-events:none;position:absolute;inset:0}.team-page .hero-section .hero-bg-elements .blob{filter:blur(100px);border-radius:9999px;position:absolute}.team-page .hero-section .hero-bg-elements .blob-1{background:#3b82f6;width:300px;height:300px;top:10%;left:5%}.team-page .hero-section .hero-bg-elements .blob-2{background:#06b6d4;width:400px;height:400px;bottom:10%;right:5%}.team-page .hero-section .hero-header{text-align:center;z-index:10;margin-bottom:5rem;position:relative}.team-page .hero-section .hero-header .badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;display:inline-block}.team-page .hero-section .hero-header h1{letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:800;line-height:1.1}@media (min-width:768px){.team-page .hero-section .hero-header h1{font-size:2rem}}.team-page .hero-section .hero-header p{color:#ffffffe6;max-width:62rem;margin:0 auto;font-size:1.125rem}.team-page .hero-section .ceo-container{z-index:10;gap:4rem;max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem;display:grid;position:relative}@media (min-width:1024px){.team-page .hero-section .ceo-container{grid-template-columns:1fr 1fr;align-items:center}}.team-page .hero-section .ceo-container .ceo-content .ceo-role-badge{background:#ffffff1a;border:1px solid #fff3;border-radius:9999px;align-items:center;margin-bottom:2rem;padding:.5rem 1rem;font-size:.875rem;display:inline-flex}.team-page .hero-section .ceo-container .ceo-content .ceo-bio-preview{color:#ffffffe6;margin-bottom:2.5rem;font-size:1.25rem;line-height:1.6}.team-page .hero-section .ceo-container .ceo-content .read-more-btn{color:var(--primary-navy);background:#fff;border-radius:.75rem;padding:1.25rem 2.5rem;font-weight:700;transition:all .3s;box-shadow:0 10px 30px #0003}.team-page .hero-section .ceo-container .ceo-content .read-more-btn:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 15px 35px #0000004d}.team-page .hero-section .ceo-container .ceo-visual{order:-1;justify-content:center;margin-bottom:3rem;display:flex;position:relative}@media (min-width:1024px){.team-page .hero-section .ceo-container .ceo-visual{order:0;margin-bottom:0}}.team-page .hero-section .ceo-container .ceo-visual .image-wrapper{z-index:5;border:4px solid #fff3;border-radius:1.5rem;width:320px;height:420px;position:relative;overflow:hidden;box-shadow:0 50px 100px -20px #00000080}.team-page .hero-section .ceo-container .ceo-visual .image-wrapper img{object-fit:cover;width:100%;height:100%}.team-page .hero-section .ceo-container .ceo-visual .floating-card{z-index:10;background:#fff;border-radius:1.25rem;align-items:center;gap:1rem;padding:1.25rem;animation:6s ease-in-out infinite float;display:flex;position:absolute;bottom:-2rem;right:-1rem;box-shadow:0 25px 50px -12px #00000040}.team-page .hero-section .ceo-container .ceo-visual .floating-card .icon-box{width:3rem;height:3rem;color:var(--primary-navy);background:#eff6ff;border-radius:.75rem;justify-content:center;align-items:center;display:flex}.team-page .hero-section .ceo-container .ceo-visual .floating-card .text .name{color:#0f172a;font-weight:600}.team-page .hero-section .ceo-container .ceo-visual .floating-card .text .role{color:#64748b;font-size:.875rem}.team-page .hero-section .wave-separator{fill:#fff;width:100%;height:60px;position:absolute;bottom:0;left:0;transform:rotate(180deg)}.team-page .team-grid-section{max-width:1200px;margin:0 auto;padding:8rem 1.5rem}.team-page .team-grid-section .team-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:3rem;display:grid}.team-page .team-grid-section .team-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:2rem;flex-direction:column;align-items:center;padding:2.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.team-page .team-grid-section .team-card:hover{border-color:#e2e8f0;transform:translateY(-12px);box-shadow:0 25px 50px -12px #0000001a}.team-page .team-grid-section .team-card:hover .avatar-box{border-color:var(--primary-navy);transform:scale(1.05)}.team-page .team-grid-section .team-card .avatar-box{border:4px solid #f8fafc;border-radius:9999px;width:160px;height:160px;margin-bottom:2rem;transition:all .3s;overflow:hidden;box-shadow:0 10px 15px -3px #0000001a}.team-page .team-grid-section .team-card .avatar-box img{object-fit:cover;object-position:top;width:100%;height:100%}.team-page .team-grid-section .team-card h3{color:#0f172a;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.team-page .team-grid-section .team-card .role{color:#64748b;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1.5rem;font-size:.875rem;font-weight:600}.team-page .team-grid-section .team-card .bio{color:#475569;text-align:left;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:2rem;font-size:.9375rem;line-height:1.6;display:-webkit-box;overflow:hidden}.team-page .team-grid-section .team-card .social-links{gap:1.5rem;margin-top:auto;display:flex}.team-page .team-grid-section .team-card .social-links a{color:#94a3b8;transition:all .3s}.team-page .team-grid-section .team-card .social-links a:hover{color:var(--primary-navy);transform:translateY(-2px)}.team-page .team-grid-section .team-card .social-links a.linkedin:hover{color:#0077b5}.team-page .team-grid-section .team-card .social-links a.mail:hover{color:#ea4335}.team-modal-content .tagline-box{background:#eff6ff;border-left:5px solid #3b82f6;border-radius:0 1rem 1rem 0;margin-bottom:2rem;padding:1.5rem 1.5rem 1.5rem 2rem;position:relative}.team-modal-content .tagline-box p{color:#1e40af;font-style:italic;font-weight:600}.team-modal-content .modal-bio{white-space:pre-line;color:#334155;line-height:1.8}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}