/* === about_view.css — Premium Edition === */
:root{--primary:#00e5a0;--primary-dim:#00c488;--primary-glow:rgba(0,229,160,0.12);--primary-border:rgba(0,229,160,0.22);--accent:#4f6ef7;--bg-void:#060b14;--bg-raised:#162032;--text-primary:#eef2f7;--text-secondary:#7a9ab8;--text-muted:#3d5470;--border-soft:rgba(255,255,255,0.06);--border-medium:rgba(255,255,255,0.1);--radius-sm:10px;--radius-md:16px;--radius-pill:999px;--shadow-md:0 4px 20px rgba(0,0,0,0.35);--transition:all 0.22s cubic-bezier(0.4,0,0.2,1);}
*{margin:0;padding:0;box-sizing:border-box;}
body{background:var(--bg-void);color:var(--text-primary);font-family:'Inter',system-ui,sans-serif;min-height:100vh;}
.page-header{background:linear-gradient(135deg,#06172a,#0a2135);padding:5rem 0;position:relative;overflow:hidden;border-bottom:1px solid rgba(0,229,160,0.1);}
.page-header::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#4f6ef7,#00e5a0);}
.page-header::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(to bottom,transparent,var(--bg-void));pointer-events:none;}
.header-content{max-width:1200px;margin:0 auto;padding:0 1.25rem;position:relative;z-index:1;text-align:center;}
.page-eyebrow{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(0,229,160,0.08);border:1px solid rgba(0,229,160,0.18);border-radius:999px;color:#00e5a0;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0.3rem 0.75rem;margin-bottom:0.9rem;}
.header-content h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#fff;letter-spacing:-0.04em;margin-bottom:1rem;}
.header-content p{color:rgba(122,154,184,0.8);font-size:1.05rem;max-width:560px;margin:0 auto;line-height:1.7;}
.section{padding:4.5rem 0;}
.section-alt{background:rgba(9,17,31,0.8);}
.container{max-width:1200px;margin:0 auto;padding:0 1.25rem;}
.section-eyebrow{display:inline-flex;align-items:center;gap:0.4rem;background:rgba(0,229,160,0.07);border:1px solid rgba(0,229,160,0.15);border-radius:999px;color:#00e5a0;font-size:0.72rem;font-weight:700;letter-spacing:0.07em;text-transform:uppercase;padding:0.3rem 0.7rem;margin-bottom:0.85rem;}
.section-heading{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;color:var(--text-primary);letter-spacing:-0.03em;margin-bottom:0.6rem;}
.section-sub{color:var(--text-secondary);font-size:0.97rem;line-height:1.7;max-width:540px;}
.values-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-top:2.5rem;}
.value-card{background:rgba(22,32,50,0.75);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:1.75rem;transition:var(--transition);}
.value-card:hover{border-color:rgba(0,229,160,0.2);transform:translateY(-3px);box-shadow:0 0 28px rgba(0,229,160,0.07),var(--shadow-md);}
.value-icon{width:48px;height:48px;border-radius:12px;background:rgba(0,229,160,0.1);border:1px solid rgba(0,229,160,0.18);display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#00e5a0;margin-bottom:1rem;}
.value-title{font-size:0.97rem;font-weight:700;color:var(--text-primary);margin-bottom:0.45rem;letter-spacing:-0.01em;}
.value-desc{font-size:0.86rem;color:var(--text-secondary);line-height:1.65;}
.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:2.5rem;}
.team-card{background:rgba(22,32,50,0.75);border:1px solid var(--border-soft);border-radius:var(--radius-md);padding:1.5rem;text-align:center;transition:var(--transition);}
.team-card:hover{border-color:rgba(0,229,160,0.18);}
.team-avatar{width:72px;height:72px;border-radius:50%;background:rgba(0,229,160,0.1);border:2px solid rgba(0,229,160,0.2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#00e5a0;font-weight:800;margin:0 auto 1rem;overflow:hidden;}
.team-avatar img{width:100%;height:100%;object-fit:cover;}
.team-name{font-size:0.97rem;font-weight:700;color:var(--text-primary);margin-bottom:0.2rem;}
.team-role{font-size:0.78rem;color:rgba(0,229,160,0.75);font-weight:600;text-transform:uppercase;letter-spacing:0.06em;}
.stats-band{background:linear-gradient(135deg,#071e30,#0c2644);border-top:1px solid rgba(0,229,160,0.1);border-bottom:1px solid rgba(0,229,160,0.1);padding:2.5rem 0;}
.stats-band-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1.5rem;text-align:center;}
.stat-num{font-size:2.5rem;font-weight:900;color:#00e5a0;letter-spacing:-0.04em;line-height:1;margin-bottom:0.3rem;}
.stat-lbl{font-size:0.82rem;color:rgba(122,154,184,0.7);font-weight:500;}
@media(max-width:768px){.page-header{padding:3.5rem 0;}.section{padding:3rem 0;}.values-grid,.team-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:480px){.values-grid,.team-grid{grid-template-columns:1fr;}}