.page-header {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            padding: 4rem 0;
            color: white;
            text-align: center;
        }
        
        .page-header h1 {
            font-size: 3rem;
            margin: 0 0 1rem 0;
            font-weight: 700;
        }
        
        .page-header p {
            font-size: 1.3rem;
            opacity: 0.95;
            margin: 0;
        }
        
        .content-section {
            padding: 4rem 0;
        }

        .mission-section {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }

        .mission-section h2 {
            font-size: 2.5rem;
            color: #2c3e50;
            margin-bottom: 2rem;
        }

        .mission-section p {
            font-size: 1.15rem;
            line-height: 1.8;
            color: #555;
        }

        .about-grid {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
            gap: 2rem;
            margin-top: 2rem;
        }

        .about-card {
            background: white;
            padding: 2rem;
            border-radius: 15px;
            box-shadow: 0 5px 20px rgba(0,0,0,0.08);
            transition: all 0.3s;
            text-align: center;
        }

        .about-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 15px 35px rgba(0,0,0,0.15);
        }

        .about-card .icon {
            font-size: 3rem;
            margin-bottom: 1rem;
            color: #667eea;
        }

        .about-card .icon i {
            display: inline-block;
        }

        .about-card h3 {
            font-size: 1.5rem;
            color: #2c3e50;
            margin: 1rem 0;
        }

        .about-card p {
            color: #666;
            line-height: 1.6;
            margin: 0;
        }

        .stats-section {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            gap: 3rem;
            text-align: center;
            margin-top: 2rem;
        }

        .stat-item {
            padding: 2rem;
        }

        .stat-number {
            display: block;
            font-size: 3.5rem;
            font-weight: 700;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin-bottom: 0.5rem;
        }

        .stat-label {
            font-size: 1.1rem;
            color: #666;
            font-weight: 500;
        }

        .cta-section {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            color: white;
            padding: 4rem 0;
            text-align: center;
        }

        .cta-section h2 {
            font-size: 2.5rem;
            margin: 0 0 1rem 0;
            color: white;
        }

        .cta-section p {
            font-size: 1.2rem;
            opacity: 0.95;
            margin-bottom: 2rem;
        }

        .cta-section .btn-primary {
            background: white;
            color: #667eea;
            padding: 1rem 2.5rem;
            font-size: 1.1rem;
            text-decoration: none;
            border-radius: 10px;
            display: inline-block;
            font-weight: 600;
            transition: all 0.3s;
            box-shadow: 0 4px 15px rgba(0,0,0,0.2);
        }

        .cta-section .btn-primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 6px 25px rgba(0,0,0,0.3);
        }

.about-page { --about-ink:#16233F; --about-soft:#445070; --about-paper:#F6F4EC; --about-line:#E7E2D3; --about-marker:#FFC93C; background:var(--about-paper); color:var(--about-ink); font-family:'Inter',sans-serif; overflow-x:hidden; }
        .about-page .page-header { padding:64px 32px 56px; background-color:var(--about-ink); background-image:repeating-linear-gradient(to bottom,transparent,transparent 35px,rgba(255,255,255,.07) 36px); text-align:left; }
        .about-page .page-header .container { max-width:1240px; padding:0; } .about-page .page-header h1 { color:#fff; font-family:'Space Grotesk',sans-serif; font-size:clamp(42px,6vw,64px); line-height:1.02; letter-spacing:-.03em; } .about-page .page-header h1:after { content:''; display:block; width:110px; height:8px; margin-top:20px; background:var(--about-marker); transform:rotate(-2deg); } .about-page .page-header p { margin-top:22px; color:#C7CEE0; font-size:16px; }
        .about-page .content-section { padding:64px 0; background-color:var(--about-paper); background-image:repeating-linear-gradient(to bottom,transparent,transparent 35px,#E4DFCF 36px); } .about-page .content-section[style] { background:#fff!important; background-image:none; border-top:1px solid var(--about-line); border-bottom:1px solid var(--about-line); } .about-page .content-section > .container, .about-page .cta-section > .container { max-width:1000px; }
        .about-page .mission-section { max-width:760px; text-align:left; } .about-page .mission-section h2,.about-page .content-section h2 { color:var(--about-ink)!important; font-family:'Space Grotesk',sans-serif; font-size:34px; } .about-page .mission-section p { color:var(--about-soft); font-size:16px; line-height:1.75; }
        .about-page .about-grid { gap:18px; } .about-page .about-card { padding:24px 20px; border:1px solid var(--about-line); border-radius:14px; box-shadow:none; text-align:left; } .about-page .about-card:hover { transform:translateY(-3px); box-shadow:0 20px 45px -18px rgba(22,35,63,.25); } .about-page .about-card .icon { color:var(--about-ink); font-size:24px; margin-bottom:18px; } .about-page .about-card h3 { color:var(--about-ink); font-family:'Space Grotesk',sans-serif; font-size:18px; } .about-page .about-card p,.about-page .stat-label { color:var(--about-soft); font-size:13px; }
        .about-page .stat-number { color:var(--about-ink); background:none; -webkit-text-fill-color:initial; font-family:'Space Grotesk',sans-serif; font-size:42px; } .about-page .cta-section { padding:64px 0; background:var(--about-ink); text-align:left; } .about-page .cta-section h2 { color:#fff!important; font-family:'Space Grotesk',sans-serif; } .about-page .cta-section p { color:#C7CEE0; font-size:16px; } .about-page .cta-section .btn-primary { background:var(--about-marker); color:#4A3300; border-radius:100px; }
        @media(max-width:768px){ .about-page .page-header{padding:52px 20px 44px}.about-page .content-section,.about-page .cta-section{padding:44px 0}.about-page .content-section>.container,.about-page .cta-section>.container{padding:0 20px}.about-page .mission-section h2,.about-page .content-section h2{font-size:28px} }

.ng-inline-style-1 {
  margin-top: 1.5rem !important;
}

.ng-inline-style-2 {
  background: #f8f9fa !important;
}

.ng-inline-style-3 {
  text-align: center !important;
  margin-bottom: 3rem !important;
  color: #333 !important;
}