/* ========================================
           STUDENT SUCCESS STORIES - COLOR PALETTE
           "Inspiration & Achievement" Theme
           Warm Rose/Magenta + Soft Indigo + Golden
           ======================================== */
        :root {
            --sss-deep: #1a1f2e;
            --sss-navy: #252d42;
            --sss-indigo: #4c5b8f;
            --sss-indigo-light: #6b7db8;
            --sss-rose: #c9546d;
            --sss-rose-light: #e06d88;
            --sss-magenta: #9b4d96;
            --sss-gold: #e8b923;
            --sss-gold-light: #f4cf56;
            --sss-peach: #f4a574;
            --sss-cream: #fdfbf8;
            --sss-stone: #f5f2ed;
            --sss-warm-white: #fffdfb;
            --sss-text: #1e2430;
            --sss-text-light: #5a6478;
            --sss-border: rgba(76, 91, 143, 0.12);
            --sss-gradient-hero: linear-gradient(145deg, #1a1f2e 0%, #252d42 35%, #3a4468 70%, #4c5b8f 100%);
            --sss-gradient-rose: linear-gradient(135deg, #c9546d 0%, #e06d88 100%);
            --sss-gradient-gold: linear-gradient(135deg, #e8b923 0%, #f4cf56 100%);
            --sss-gradient-indigo: linear-gradient(135deg, #4c5b8f 0%, #6b7db8 100%);
        }

        /* ========================================
           HERO SECTION - SUCCESS STORIES
           ======================================== */
        .sss-hero {
            position: relative;
            min-height: 650px;
            background: var(--sss-gradient-hero);
            padding: 140px 60px 100px;
            overflow: hidden;
            display: flex;
            align-items: center;
        }

        .sss-hero::before {
            content: '';
            position: absolute;
            top: -30%;
            right: -15%;
            width: 900px;
            height: 900px;
            background: radial-gradient(circle, rgba(201, 84, 109, 0.2) 0%, transparent 55%);
            pointer-events: none;
            animation: sssOrbPulse 8s ease-in-out infinite;
        }

        .sss-hero::after {
            content: '';
            position: absolute;
            bottom: -25%;
            left: -10%;
            width: 700px;
            height: 700px;
            background: radial-gradient(circle, rgba(232, 185, 35, 0.12) 0%, transparent 60%);
            pointer-events: none;
        }

        @keyframes sssOrbPulse {
            0%, 100% { transform: scale(1); opacity: 0.2; }
            50% { transform: scale(1.15); opacity: 0.3; }
        }

        .sss-hero-grid {
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,0.025) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.025) 1px, transparent 1px);
            background-size: 70px 70px;
            pointer-events: none;
        }

        /* Floating Star/Spark decorations */
        .sss-hero-sparks {
            position: absolute;
            top: 0;
            right: 0;
            width: 50%;
            height: 100%;
            pointer-events: none;
            overflow: hidden;
        }

        .sss-spark {
            position: absolute;
            width: 8px;
            height: 8px;
            background: var(--sss-gold);
            border-radius: 50%;
            box-shadow: 0 0 15px rgba(232, 185, 35, 0.5);
        }

        .sss-spark-1 { top: 20%; right: 25%; animation: sssSpark 4s ease-in-out infinite; }
        .sss-spark-2 { top: 35%; right: 15%; animation: sssSpark 5s ease-in-out infinite 0.5s; width: 6px; height: 6px; }
        .sss-spark-3 { top: 55%; right: 30%; animation: sssSpark 4.5s ease-in-out infinite 1s; }
        .sss-spark-4 { top: 70%; right: 20%; animation: sssSpark 5.5s ease-in-out infinite 1.5s; width: 10px; height: 10px; }
        .sss-spark-5 { top: 25%; right: 40%; animation: sssSpark 6s ease-in-out infinite 2s; width: 5px; height: 5px; }

        @keyframes sssSpark {
            0%, 100% { transform: scale(1) translateY(0); opacity: 0.6; }
            50% { transform: scale(1.5) translateY(-10px); opacity: 1; }
        }

        /* Quote decoration */
        .sss-hero-quote-deco {
            position: absolute;
            top: 15%;
            right: 10%;
            font-size: 180px;
            font-family: Georgia, serif;
            color: rgba(255,255,255,0.04);
            line-height: 1;
            pointer-events: none;
        }

        .sss-hero-container {
            position: relative;
            z-index: 10;
            max-width: 1400px;
            margin: 0 auto;
            width: 100%;
            display: grid;
            grid-template-columns: 1.1fr 0.9fr;
            gap: 60px;
            align-items: center;
        }

        /* Left Content */
        .sss-hero-content {
            color: #ffffff;
        }

        .sss-hero-badge {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 10px 20px;
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.15);
            border-radius: 50px;
            margin-bottom: 24px;
            backdrop-filter: blur(10px);
        }

        .sss-hero-badge svg {
            width: 18px;
            height: 18px;
            stroke: var(--sss-gold);
        }

        .sss-hero-badge span {
            font-size: 0.85rem;
            font-weight: 600;
            color: rgba(255,255,255,0.9);
            text-transform: uppercase;
            letter-spacing: 1.5px;
        }

        .sss-hero-title {
            font-family: 'Outfit', sans-serif;
            font-size: 3.2rem;
            font-weight: 700;
            line-height: 1.2;
            margin: 0 0 20px;
        }

        .sss-hero-title .accent {
            background: linear-gradient(135deg, var(--sss-rose) 0%, var(--sss-gold) 100%);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .sss-hero-subtitle {
            font-size: 1.2rem;
            color: rgba(255,255,255,0.8);
            line-height: 1.7;
            margin: 0 0 16px;
            max-width: 520px;
        }

        .sss-hero-body {
            font-size: 1rem;
            color: rgba(255,255,255,0.65);
            line-height: 1.8;
            margin: 0;
            max-width: 520px;
        }

        /* Right side: Story preview cards stack */
        .sss-hero-cards {
            display: flex;
            flex-direction: column;
            gap: 16px;
        }

        .sss-hero-card {
            background: rgba(255,255,255,0.06);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 16px;
            padding: 20px 24px;
            backdrop-filter: blur(15px);
            display: flex;
            align-items: center;
            gap: 16px;
            transition: all 0.3s ease;
            animation: sssCardSlide 0.6s ease forwards;
            opacity: 0;
            transform: translateX(30px);
        }

        .sss-hero-card:nth-child(1) { animation-delay: 0.1s; }
        .sss-hero-card:nth-child(2) { animation-delay: 0.2s; }
        .sss-hero-card:nth-child(3) { animation-delay: 0.3s; }
        .sss-hero-card:nth-child(4) { animation-delay: 0.4s; }

        @keyframes sssCardSlide {
            to { opacity: 1; transform: translateX(0); }
        }

        .sss-hero-card:hover {
            background: rgba(255,255,255,0.1);
            transform: translateX(-5px);
            box-shadow: 0 10px 40px rgba(0,0,0,0.2);
        }

        .sss-hero-card-avatar {
            width: 52px;
            height: 52px;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
            border: 2px solid rgba(255,255,255,0.2);
            flex-shrink: 0;
        }

        .sss-hero-card-content {
            flex: 1;
        }

        .sss-hero-card-quote {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.85);
            line-height: 1.5;
            margin: 0 0 6px;
            font-style: italic;
        }

        .sss-hero-card-meta {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sss-hero-card-name {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--sss-gold);
        }

        .sss-hero-card-tag {
            font-size: 0.7rem;
            padding: 3px 10px;
            background: rgba(201, 84, 109, 0.3);
            border-radius: 20px;
            color: rgba(255,255,255,0.8);
        }

        /* Responsive */
        @media (max-width: 1024px) {
            .sss-hero-container {
                grid-template-columns: 1fr;
                gap: 40px;
            }
            .sss-hero-cards {
                max-width: 500px;
            }
        }

        @media (max-width: 768px) {
            .sss-hero {
                padding: 120px 24px 60px;
                min-height: auto;
            }
            .sss-hero-title {
                font-size: 2.2rem;
            }
            .sss-hero-subtitle {
                font-size: 1.05rem;
            }
            .sss-hero-card {
                padding: 16px 18px;
            }
        }

        /* ========================================
           SECTION 1 - STORY FILTER/CATEGORIES
           ======================================== */
        .sss-filter {
            background: var(--sss-cream);
            padding: 40px 60px;
            position: sticky;
            top: 70px;
            z-index: 50;
            border-bottom: 1px solid var(--sss-border);
        }

        .sss-filter-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .sss-filter-wrap {
            display: flex;
            align-items: center;
            gap: 12px;
            flex-wrap: wrap;
            justify-content: center;
        }

        .sss-filter-btn {
            padding: 10px 22px;
            border: 1px solid var(--sss-border);
            background: #fff;
            border-radius: 50px;
            font-size: 0.9rem;
            font-weight: 500;
            color: var(--sss-text);
            cursor: pointer;
            transition: all 0.3s ease;
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .sss-filter-btn svg {
            width: 16px;
            height: 16px;
            stroke: var(--sss-indigo);
        }

        .sss-filter-btn:hover,
        .sss-filter-btn.active {
            background: var(--sss-gradient-indigo);
            color: #fff;
            border-color: var(--sss-indigo);
        }

        .sss-filter-btn:hover svg,
        .sss-filter-btn.active svg {
            stroke: #fff;
        }

        @media (max-width: 768px) {
            .sss-filter {
                padding: 24px;
            }
            .sss-filter-btn {
                padding: 8px 16px;
                font-size: 0.8rem;
            }
        }

        /* ========================================
           SECTION 2 - FEATURED STORIES GRID
           ======================================== */
        .sss-stories {
            background: var(--sss-warm-white);
            padding: 80px 60px;
        }

        .sss-stories-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .sss-stories-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .sss-section-badge {
            display: inline-flex;
            align-items: center;
            gap: 8px;
            padding: 8px 16px;
            background: rgba(76, 91, 143, 0.08);
            border-radius: 50px;
            margin-bottom: 16px;
        }

        .sss-section-badge span {
            font-size: 0.8rem;
            font-weight: 600;
            color: var(--sss-indigo);
            text-transform: uppercase;
            letter-spacing: 1px;
        }

        .sss-section-title {
            font-family: 'Outfit', sans-serif;
            font-size: 2.4rem;
            font-weight: 700;
            color: var(--sss-text);
            margin: 0 0 16px;
        }

        .sss-section-title .accent {
            color: var(--sss-rose);
        }

        .sss-stories-grid {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
        }

        .sss-story-card {
            background: #fff;
            border-radius: 20px;
            border: 1px solid var(--sss-border);
            transition: all 0.4s ease;
            position: relative;
            padding: 28px 20px 24px;
            text-align: center;
        }

        .sss-story-card.hidden {
            display: none;
        }

        .sss-story-card:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(76, 91, 143, 0.15);
        }

        .sss-story-card-avatar {
            width: 120px;
            height: 120px;
            border-radius: 50%;
            margin: 0 auto 16px;
            background-size: cover;
            background-position: center;
            border: 4px solid var(--sss-gold);
            box-shadow: 0 8px 24px rgba(232, 185, 35, 0.2);
        }

        .sss-story-card-tag {
            display: inline-block;
            padding: 5px 14px;
            background: linear-gradient(135deg, rgba(76, 91, 143, 0.1) 0%, rgba(201, 84, 109, 0.1) 100%);
            border-radius: 20px;
            font-size: 0.7rem;
            font-weight: 600;
            color: var(--sss-indigo);
            margin-bottom: 12px;
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .sss-story-card-info h4 {
            font-size: 1rem;
            font-weight: 700;
            color: var(--sss-text);
            margin: 0 0 4px;
        }

        .sss-story-card-info span {
            font-size: 0.8rem;
            color: var(--sss-rose);
            font-weight: 500;
        }

        .sss-story-card-quote {
            font-size: 0.85rem;
            color: var(--sss-text-light);
            line-height: 1.6;
            margin: 14px 0 0;
            font-style: italic;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
            overflow: hidden;
        }

        .sss-story-card-quote::before {
            content: '"';
            font-size: 1.2rem;
            color: var(--sss-rose);
            font-family: Georgia, serif;
        }

        .sss-story-card-quote::after {
            content: '"';
            font-size: 1.2rem;
            color: var(--sss-rose);
            font-family: Georgia, serif;
        }

        @media (max-width: 1200px) {
            .sss-stories-grid {
                grid-template-columns: repeat(3, 1fr);
            }
        }

        @media (max-width: 900px) {
            .sss-stories-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sss-stories {
                padding: 60px 24px;
            }
            .sss-stories-grid {
                grid-template-columns: 1fr;
            }
            .sss-section-title {
                font-size: 1.8rem;
            }
            .sss-story-card-avatar {
                width: 100px;
                height: 100px;
            }
        }

        /* ========================================
           SECTION 3 - FACULTY & STAFF STORIES
           ======================================== */
        .sss-faculty {
            background: var(--sss-deep);
            padding: 100px 60px;
            position: relative;
            overflow: hidden;
        }

        .sss-faculty::before {
            content: '';
            position: absolute;
            top: -20%;
            left: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(155, 77, 150, 0.15) 0%, transparent 60%);
            pointer-events: none;
        }

        .sss-faculty-container {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }

        .sss-faculty-header {
            text-align: center;
            margin-bottom: 50px;
            color: #fff;
        }

        .sss-faculty-header .sss-section-badge {
            background: rgba(255,255,255,0.1);
        }

        .sss-faculty-header .sss-section-badge span {
            color: var(--sss-gold);
        }

        .sss-faculty-header .sss-section-title {
            color: #fff;
        }

        .sss-faculty-header .sss-section-title .accent {
            color: var(--sss-gold);
        }

        .sss-faculty-header p {
            color: rgba(255,255,255,0.7);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        .sss-faculty-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .sss-faculty-card {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 20px;
            padding: 30px;
            text-align: center;
            transition: all 0.4s ease;
            backdrop-filter: blur(10px);
        }

        .sss-faculty-card:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-6px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.3);
        }

        .sss-faculty-card-avatar {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            margin: 0 auto 20px;
            background-size: cover;
            background-position: center;
            border: 3px solid var(--sss-gold);
        }

        .sss-faculty-card h4 {
            font-size: 1.15rem;
            font-weight: 600;
            color: #fff;
            margin: 0 0 6px;
        }

        .sss-faculty-card .role {
            font-size: 0.85rem;
            color: var(--sss-gold);
            margin: 0 0 16px;
        }

        .sss-faculty-card p {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.7);
            line-height: 1.7;
            font-style: italic;
        }

        @media (max-width: 1024px) {
            .sss-faculty-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sss-faculty {
                padding: 60px 24px;
            }
            .sss-faculty-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ========================================
           SECTION 4 - VIDEO TESTIMONIALS
           ======================================== */
        .sss-videos {
            background: var(--sss-stone);
            padding: 100px 60px;
        }

        .sss-videos-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .sss-videos-header {
            text-align: center;
            margin-bottom: 50px;
        }

        .sss-videos-grid {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
        }

        .sss-video-card {
            border-radius: 20px;
            overflow: hidden;
            position: relative;
            aspect-ratio: 16/9;
            cursor: pointer;
            transition: all 0.4s ease;
        }

        .sss-video-card:hover {
            transform: scale(1.03);
            box-shadow: 0 20px 60px rgba(76, 91, 143, 0.2);
        }

        .sss-video-card img {
            width: 100%;
            height: 100%;
            object-fit: cover;
        }

        .sss-video-card-overlay {
            position: absolute;
            inset: 0;
            background: linear-gradient(to top, rgba(26, 31, 46, 0.9) 0%, transparent 60%);
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
            padding: 24px;
        }

        .sss-video-play {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            width: 70px;
            height: 70px;
            background: var(--sss-gradient-rose);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
            box-shadow: 0 10px 30px rgba(201, 84, 109, 0.4);
        }

        .sss-video-play svg {
            width: 28px;
            height: 28px;
            fill: #fff;
            margin-left: 4px;
        }

        .sss-video-card:hover .sss-video-play {
            transform: translate(-50%, -50%) scale(1.1);
        }

        .sss-video-card h4 {
            font-size: 1rem;
            font-weight: 600;
            color: #fff;
            margin: 0 0 4px;
        }

        .sss-video-card span {
            font-size: 0.8rem;
            color: rgba(255,255,255,0.7);
        }

        @media (max-width: 1024px) {
            .sss-videos-grid {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sss-videos {
                padding: 60px 24px;
            }
            .sss-videos-grid {
                grid-template-columns: 1fr;
            }
        }

        /* ========================================
           SECTION 5 - GLOBAL IMPACT MAP
           ======================================== */
        .sss-impact {
            background: linear-gradient(135deg, var(--sss-indigo) 0%, var(--sss-deep) 100%);
            padding: 100px 60px;
            position: relative;
            overflow: hidden;
        }

        .sss-impact-container {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 10;
        }

        .sss-impact-header {
            text-align: center;
            margin-bottom: 50px;
            color: #fff;
        }

        .sss-impact-header .sss-section-badge {
            background: rgba(255,255,255,0.1);
        }

        .sss-impact-header .sss-section-badge span {
            color: var(--sss-gold);
        }

        .sss-impact-header .sss-section-title {
            color: #fff;
        }

        .sss-impact-header p {
            color: rgba(255,255,255,0.7);
            font-size: 1.1rem;
            max-width: 600px;
            margin: 0 auto;
        }

        .sss-impact-stats {
            display: flex;
            justify-content: center;
            gap: 60px;
            flex-wrap: wrap;
        }

        .sss-impact-stat {
            text-align: center;
            padding: 30px 40px;
            background: rgba(255,255,255,0.08);
            border-radius: 20px;
            border: 1px solid rgba(255,255,255,0.1);
            backdrop-filter: blur(10px);
        }

        .sss-impact-stat-number {
            font-family: 'Outfit', sans-serif;
            font-size: 3rem;
            font-weight: 700;
            color: var(--sss-gold);
            margin: 0 0 8px;
        }

        .sss-impact-stat-label {
            font-size: 0.95rem;
            color: rgba(255,255,255,0.8);
        }

        @media (max-width: 768px) {
            .sss-impact {
                padding: 60px 24px;
            }
            .sss-impact-stats {
                gap: 20px;
            }
            .sss-impact-stat {
                padding: 20px 30px;
            }
            .sss-impact-stat-number {
                font-size: 2.2rem;
            }
        }

        /* ========================================
           SECTION 6 - FINAL CTA
           ======================================== */
        .sss-final-cta {
            background: var(--sss-cream);
            padding: 100px 60px;
        }

        .sss-final-cta-container {
            max-width: 900px;
            margin: 0 auto;
            text-align: center;
        }

        .sss-final-cta h2 {
            font-family: 'Outfit', sans-serif;
            font-size: 2.6rem;
            font-weight: 700;
            color: var(--sss-text);
            margin: 0 0 20px;
        }

        .sss-final-cta h2 .accent {
            color: var(--sss-rose);
        }

        .sss-final-cta-buttons {
            display: flex;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
            margin-bottom: 24px;
        }

        .sss-cta-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .sss-cta-btn.primary {
            background: var(--sss-gradient-rose);
            color: #fff;
            box-shadow: 0 8px 30px rgba(201, 84, 109, 0.3);
        }

        .sss-cta-btn.primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 40px rgba(201, 84, 109, 0.4);
        }

        .sss-cta-btn.secondary {
            background: #fff;
            color: var(--sss-text);
            border: 2px solid var(--sss-border);
        }

        .sss-cta-btn.secondary:hover {
            border-color: var(--sss-indigo);
            color: var(--sss-indigo);
        }

        .sss-cta-btn svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
        }

        .sss-final-cta-micro {
            font-size: 0.95rem;
            color: var(--sss-text-light);
        }

        @media (max-width: 768px) {
            .sss-final-cta {
                padding: 60px 24px;
            }
            .sss-final-cta h2 {
                font-size: 1.8rem;
            }
            .sss-cta-btn {
                padding: 14px 24px;
                font-size: 0.9rem;
            }
        }

        /* ========================================
           ALUMNI CAREER OUTCOMES SECTION
           ======================================== */
        .sss-alumni-outcomes {
            background: linear-gradient(180deg, var(--sss-cream) 0%, var(--sss-warm-white) 100%);
            padding: 100px 60px;
            position: relative;
            overflow: hidden;
        }

        .sss-alumni-outcomes::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 4px;
            background: var(--sss-gradient-gold);
        }

        .sss-alumni-container {
            max-width: 1400px;
            margin: 0 auto;
        }

        .sss-alumni-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .sss-alumni-header p {
            max-width: 700px;
            margin: 20px auto 0;
            color: var(--sss-text-light);
            font-size: 1.1rem;
            line-height: 1.7;
        }

        /* Stats Row */
        .sss-alumni-stats {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 30px;
            margin-bottom: 60px;
        }

        .sss-alumni-stat {
            text-align: center;
            padding: 30px 20px;
            background: #fff;
            border-radius: 20px;
            border: 1px solid var(--sss-border);
            transition: all 0.4s ease;
        }

        .sss-alumni-stat:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(76, 91, 143, 0.12);
        }

        .sss-alumni-stat-icon {
            width: 60px;
            height: 60px;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 16px;
        }

        .sss-alumni-stat-icon.gold { background: linear-gradient(135deg, rgba(232, 185, 35, 0.15) 0%, rgba(244, 207, 86, 0.15) 100%); }
        .sss-alumni-stat-icon.rose { background: linear-gradient(135deg, rgba(201, 84, 109, 0.15) 0%, rgba(224, 109, 136, 0.15) 100%); }
        .sss-alumni-stat-icon.indigo { background: linear-gradient(135deg, rgba(76, 91, 143, 0.15) 0%, rgba(107, 125, 184, 0.15) 100%); }
        .sss-alumni-stat-icon.peach { background: linear-gradient(135deg, rgba(244, 165, 116, 0.15) 0%, rgba(244, 165, 116, 0.25) 100%); }

        .sss-alumni-stat-icon svg {
            width: 28px;
            height: 28px;
        }

        .sss-alumni-stat-icon.gold svg { stroke: var(--sss-gold); }
        .sss-alumni-stat-icon.rose svg { stroke: var(--sss-rose); }
        .sss-alumni-stat-icon.indigo svg { stroke: var(--sss-indigo); }
        .sss-alumni-stat-icon.peach svg { stroke: var(--sss-peach); }

        .sss-alumni-stat h3 {
            font-size: 2.5rem;
            font-weight: 800;
            background: var(--sss-gradient-indigo);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
            margin: 0 0 8px;
        }

        .sss-alumni-stat span {
            font-size: 0.95rem;
            color: var(--sss-text-light);
            font-weight: 500;
        }

        /* Employer Logos */
        .sss-employer-logos {
            display: flex;
            align-items: center;
            justify-content: center;
            gap: 50px;
            flex-wrap: wrap;
            padding: 40px;
            background: #fff;
            border-radius: 20px;
            margin-bottom: 60px;
            border: 1px solid var(--sss-border);
        }

        .sss-employer-logos img {
            height: 40px;
            opacity: 0.6;
            filter: grayscale(100%);
            transition: all 0.3s ease;
        }

        .sss-employer-logos img:hover {
            opacity: 1;
            filter: grayscale(0%);
        }

        /* Alumni Spotlights */
        .sss-alumni-spotlights {
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 24px;
            margin-bottom: 40px;
        }

        .sss-alumni-spotlight {
            background: #fff;
            border-radius: 20px;
            padding: 28px 24px;
            text-align: center;
            border: 1px solid var(--sss-border);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
        }

        .sss-alumni-spotlight::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            height: 3px;
            background: var(--sss-gradient-rose);
            transform: scaleX(0);
            transition: transform 0.4s ease;
        }

        .sss-alumni-spotlight:hover::before {
            transform: scaleX(1);
        }

        .sss-alumni-spotlight:hover {
            transform: translateY(-6px);
            box-shadow: 0 16px 40px rgba(201, 84, 109, 0.12);
        }

        .sss-alumni-spotlight-avatar {
            width: 80px;
            height: 80px;
            border-radius: 50%;
            margin: 0 auto 16px;
            background-size: cover;
            background-position: center;
            border: 3px solid var(--sss-gold);
        }

        .sss-alumni-spotlight h4 {
            font-size: 1rem;
            font-weight: 700;
            color: var(--sss-text);
            margin: 0 0 4px;
        }

        .sss-alumni-spotlight .role {
            font-size: 0.85rem;
            color: var(--sss-rose);
            font-weight: 500;
            margin: 0 0 12px;
        }

        .sss-alumni-spotlight p {
            font-size: 0.85rem;
            color: var(--sss-text-light);
            line-height: 1.6;
            font-style: italic;
        }

        /* Alumni CTA Buttons */
        .sss-alumni-cta {
            display: flex;
            justify-content: center;
            gap: 16px;
            flex-wrap: wrap;
        }

        .sss-alumni-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 14px 28px;
            border-radius: 50px;
            font-size: 0.95rem;
            font-weight: 600;
            text-decoration: none;
            transition: all 0.3s ease;
        }

        .sss-alumni-btn.primary {
            background: var(--sss-gradient-indigo);
            color: #fff;
            box-shadow: 0 8px 24px rgba(76, 91, 143, 0.25);
        }

        .sss-alumni-btn.primary:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(76, 91, 143, 0.35);
        }

        .sss-alumni-btn.secondary {
            background: #fff;
            color: var(--sss-text);
            border: 2px solid var(--sss-border);
        }

        .sss-alumni-btn.secondary:hover {
            border-color: var(--sss-rose);
            color: var(--sss-rose);
        }

        .sss-alumni-btn svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
        }

        @media (max-width: 1100px) {
            .sss-alumni-stats {
                grid-template-columns: repeat(2, 1fr);
            }
            .sss-alumni-spotlights {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sss-alumni-outcomes {
                padding: 60px 24px;
            }
            .sss-alumni-stats {
                grid-template-columns: 1fr;
            }
            .sss-alumni-spotlights {
                grid-template-columns: 1fr;
            }
            .sss-employer-logos {
                gap: 30px;
                padding: 24px;
            }
            .sss-employer-logos img {
                height: 30px;
            }
        }

        /* ========================================
           RESEARCH & INNOVATION SECTION
           ======================================== */
        .sss-research {
            background: var(--sss-gradient-hero);
            padding: 100px 60px;
            position: relative;
            overflow: hidden;
        }

        .sss-research::before {
            content: '';
            position: absolute;
            top: -20%;
            right: -10%;
            width: 600px;
            height: 600px;
            background: radial-gradient(circle, rgba(232, 185, 35, 0.15) 0%, transparent 60%);
            pointer-events: none;
        }

        .sss-research::after {
            content: '';
            position: absolute;
            bottom: -20%;
            left: -10%;
            width: 500px;
            height: 500px;
            background: radial-gradient(circle, rgba(201, 84, 109, 0.1) 0%, transparent 60%);
            pointer-events: none;
        }

        .sss-research-container {
            max-width: 1400px;
            margin: 0 auto;
            position: relative;
            z-index: 1;
        }

        .sss-research-header {
            text-align: center;
            margin-bottom: 60px;
        }

        .sss-research-header .sss-section-badge span {
            color: var(--sss-gold);
        }

        .sss-research-header .sss-section-title {
            color: #fff;
        }

        .sss-research-header p {
            max-width: 700px;
            margin: 20px auto 0;
            color: rgba(255,255,255,0.7);
            font-size: 1.1rem;
            line-height: 1.7;
        }

        /* Research Highlights Grid */
        .sss-research-highlights {
            display: grid;
            grid-template-columns: repeat(5, 1fr);
            gap: 20px;
            margin-bottom: 50px;
        }

        .sss-research-highlight {
            background: rgba(255,255,255,0.05);
            border: 1px solid rgba(255,255,255,0.1);
            border-radius: 16px;
            padding: 24px 20px;
            text-align: center;
            backdrop-filter: blur(10px);
            transition: all 0.4s ease;
        }

        .sss-research-highlight:hover {
            background: rgba(255,255,255,0.1);
            transform: translateY(-4px);
        }

        .sss-research-highlight-icon {
            width: 50px;
            height: 50px;
            border-radius: 12px;
            display: flex;
            align-items: center;
            justify-content: center;
            margin: 0 auto 14px;
            background: linear-gradient(135deg, rgba(232, 185, 35, 0.2) 0%, rgba(244, 207, 86, 0.2) 100%);
        }

        .sss-research-highlight-icon svg {
            width: 24px;
            height: 24px;
            stroke: var(--sss-gold);
        }

        .sss-research-highlight h4 {
            font-size: 0.9rem;
            font-weight: 600;
            color: #fff;
            margin: 0;
            line-height: 1.4;
        }

        /* Research Story Cards */
        .sss-research-stories {
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 30px;
            margin-bottom: 50px;
        }

        .sss-research-story {
            background: rgba(255,255,255,0.08);
            border: 1px solid rgba(255,255,255,0.12);
            border-radius: 20px;
            overflow: hidden;
            transition: all 0.4s ease;
        }

        .sss-research-story:hover {
            transform: translateY(-6px);
            box-shadow: 0 20px 50px rgba(0,0,0,0.3);
            background: rgba(255,255,255,0.12);
        }

        .sss-research-story-img {
            height: 180px;
            overflow: hidden;
            position: relative;
        }

        .sss-research-story-img img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }

        .sss-research-story:hover .sss-research-story-img img {
            transform: scale(1.08);
        }

        .sss-research-story-tag {
            position: absolute;
            top: 12px;
            left: 12px;
            padding: 5px 12px;
            background: var(--sss-gradient-gold);
            border-radius: 16px;
            font-size: 0.7rem;
            font-weight: 700;
            color: var(--sss-deep);
            text-transform: uppercase;
            letter-spacing: 0.5px;
        }

        .sss-research-story-body {
            padding: 24px;
        }

        .sss-research-story h4 {
            font-size: 1.1rem;
            font-weight: 700;
            color: #fff;
            margin: 0 0 10px;
            line-height: 1.4;
        }

        .sss-research-story p {
            font-size: 0.9rem;
            color: rgba(255,255,255,0.7);
            line-height: 1.6;
            margin: 0 0 16px;
        }

        .sss-research-story-author {
            display: flex;
            align-items: center;
            gap: 12px;
        }

        .sss-research-story-avatar {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background-size: cover;
            background-position: center;
            border: 2px solid var(--sss-gold);
        }

        .sss-research-story-info h5 {
            font-size: 0.85rem;
            font-weight: 600;
            color: #fff;
            margin: 0 0 2px;
        }

        .sss-research-story-info span {
            font-size: 0.75rem;
            color: var(--sss-gold);
        }

        /* Research CTA */
        .sss-research-cta {
            text-align: center;
        }

        .sss-research-btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            padding: 16px 32px;
            background: var(--sss-gradient-gold);
            color: var(--sss-deep);
            border-radius: 50px;
            font-size: 1rem;
            font-weight: 700;
            text-decoration: none;
            transition: all 0.3s ease;
            box-shadow: 0 8px 24px rgba(232, 185, 35, 0.3);
        }

        .sss-research-btn:hover {
            transform: translateY(-3px);
            box-shadow: 0 12px 32px rgba(232, 185, 35, 0.4);
            color: var(--sss-deep);
        }

        .sss-research-btn svg {
            width: 18px;
            height: 18px;
            stroke: currentColor;
        }

        @media (max-width: 1100px) {
            .sss-research-highlights {
                grid-template-columns: repeat(3, 1fr);
            }
            .sss-research-stories {
                grid-template-columns: repeat(2, 1fr);
            }
        }

        @media (max-width: 768px) {
            .sss-research {
                padding: 60px 24px;
            }
            .sss-research-highlights {
                grid-template-columns: repeat(2, 1fr);
            }
            .sss-research-stories {
                grid-template-columns: 1fr;
            }
        }