TUN \u2014 The University Network<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,700;1,9..144,400&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --tun-black: #0D0D0D; --tun-white: #FAFAF8; --tun-blue: #1B4DFF; --tun-blue-light: #E8EEFF;\n --tun-blue-dark: #0A2DB3; --tun-gold: #F5A623; --tun-gold-light: #FFF7E8; --tun-green: #1DB954;\n --tun-green-light: #E8FBF0; --tun-gray-100: #F4F4F2; --tun-gray-200: #E8E8E4;\n --tun-gray-400: #A8A8A0; --tun-gray-600: #6B6B63; --tun-gray-800: #2D2D28;\n --font-display: 'Fraunces', Georgia, serif; --font-body: 'DM Sans', system-ui, sans-serif;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: var(--font-body); color: var(--tun-gray-800); background: var(--tun-white); line-height: 1.6; -webkit-font-smoothing: antialiased; }\n\n .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(250,250,248,0.95); backdrop-filter: blur(16px); border-bottom: 1px solid var(--tun-gray-200); transition: box-shadow 0.3s ease; }\n .site-header.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,0.06); }\n .site-header-inner { max-width: 1200px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; justify-content: space-between; }\n .site-header-nav { display: flex; gap: 28px; }\n .site-header-nav a { font-size: 14px; font-weight: 500; color: var(--tun-gray-600); text-decoration: none; transition: color 0.2s ease; }\n .site-header-nav a:hover { color: var(--tun-black); }\n .nav-logo { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--tun-black); text-decoration: none; letter-spacing: -0.5px; }\n .nav-logo span { color: var(--tun-blue); }\n\n .section { padding: 100px 32px; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--tun-blue); margin-bottom: 16px; }\n .section-title { font-family: var(--font-display); font-size: clamp(32px, 3.5vw, 48px); font-weight: 700; line-height: 1.12; letter-spacing: -1px; color: var(--tun-black); margin-bottom: 16px; }\n .section-subtitle { font-size: 18px; color: var(--tun-gray-600); max-width: 600px; line-height: 1.6; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero {\n padding: 140px 32px 80px; text-align: center; position: relative; overflow: hidden;\n background: linear-gradient(180deg, var(--tun-white) 0%, var(--tun-blue-light) 50%, var(--tun-white) 100%);\n }\n .hero::before {\n content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%);\n width: 1000px; height: 1000px; border-radius: 50%;\n background: radial-gradient(circle, rgba(27,77,255,0.06) 0%, transparent 55%);\n pointer-events: none;\n }\n .hero-inner { max-width: 800px; margin: 0 auto; position: relative; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 18px;\n background: white; border: 1px solid var(--tun-gray-200); border-radius: 100px;\n font-size: 13px; font-weight: 500; color: var(--tun-gray-600);\n margin-bottom: 28px; animation: fadeUp 0.6s ease both;\n }\n .hero-badge .dot { width: 8px; height: 8px; background: var(--tun-green); border-radius: 50%; animation: pulse 2s ease infinite; }\n .hero h1 {\n font-family: var(--font-display); font-size: clamp(48px, 7vw, 84px);\n font-weight: 700; line-height: 1.02; letter-spacing: -3px;\n color: var(--tun-black); margin-bottom: 20px; animation: fadeUp 0.6s 0.1s ease both;\n }\n .hero h1 em { font-style: italic; color: var(--tun-blue); }\n .hero-sub {\n font-size: 20px; line-height: 1.6; color: var(--tun-gray-600); max-width: 560px;\n margin: 0 auto 36px; animation: fadeUp 0.6s 0.2s ease both;\n }\n .hero-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; animation: fadeUp 0.6s 0.3s ease both; }\n .btn-ai {\n display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px;\n background: var(--tun-blue); color: white; text-decoration: none;\n font-weight: 600; font-size: 17px; border-radius: 14px; transition: all 0.25s ease;\n box-shadow: 0 4px 20px rgba(27,77,255,0.2);\n }\n .btn-ai:hover { background: var(--tun-blue-dark); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(27,77,255,0.3); }\n .btn-ai .ai-sparkle { font-size: 20px; }\n .btn-scholarships {\n display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px;\n background: white; color: var(--tun-gray-800); text-decoration: none;\n font-weight: 600; font-size: 17px; border-radius: 14px;\n border: 1px solid var(--tun-gray-200); transition: all 0.25s ease;\n }\n .btn-scholarships:hover { border-color: var(--tun-gray-400); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.06); }\n .hero-metrics {\n display: flex; justify-content: center; gap: 48px; margin-top: 48px;\n animation: fadeUp 0.6s 0.4s ease both;\n }\n .hero-metric { text-align: center; }\n .hero-metric-value { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--tun-black); line-height: 1; }\n .hero-metric-value .accent { color: var(--tun-blue); }\n .hero-metric-label { font-size: 12px; color: var(--tun-gray-400); margin-top: 4px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TUN AI SPOTLIGHT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .ai-spotlight {\n background: linear-gradient(165deg, #0D0D0D 0%, #0D1B33 100%);\n color: white; position: relative; overflow: hidden;\n }\n .ai-spotlight::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(27,77,255,0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 70% 20%, rgba(245,166,35,0.08) 0%, transparent 40%);\n pointer-events: none;\n }\n .ai-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; }\n .ai-spotlight .section-label { color: var(--tun-gold); }\n .ai-spotlight .section-title { color: white; font-size: clamp(30px, 3.5vw, 44px); }\n .ai-text p { font-size: 16px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 16px; }\n .ai-features-mini { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }\n .ai-feat-pill {\n padding: 6px 16px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px; font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500;\n }\n .ai-cta-row { display: flex; gap: 12px; margin-top: 28px; }\n .btn-gold { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--tun-gold); color: var(--tun-black); text-decoration: none; font-weight: 600; font-size: 15px; border-radius: 12px; transition: all 0.25s ease; }\n .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(245,166,35,0.3); }\n .btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: transparent; color: rgba(255,255,255,0.8); text-decoration: none; font-weight: 600; font-size: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.25s ease; }\n .btn-ghost:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.35); }\n\n \/* AI DEMO *\/\n .ai-demo-card {\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px; padding: 32px; position: relative;\n }\n .ai-demo-glow {\n position: absolute; top: -40px; right: -40px; width: 160px; height: 160px;\n background: radial-gradient(circle, rgba(27,77,255,0.15), transparent 70%);\n border-radius: 50%; pointer-events: none;\n }\n .ai-demo-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.06); position: relative; }\n .ai-demo-avatar { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, var(--tun-blue), #6B8AFF); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }\n .ai-demo-name { font-weight: 600; font-size: 15px; }\n .ai-demo-tag { font-size: 12px; color: var(--tun-gold); font-weight: 500; }\n .ai-msg-q { background: rgba(255,255,255,0.05); border-radius: 12px; padding: 14px 18px; font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom: 18px; border-left: 3px solid var(--tun-blue); position: relative; }\n .ai-msg-a { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; position: relative; }\n .ai-msg-a .hl { color: white; font-weight: 600; }\n .ai-msg-a .gold { color: var(--tun-gold); font-weight: 600; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCHOLARSHIPS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .scholarships { background: var(--tun-white); }\n .scholarships-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }\n .scholarships-header .view-all { font-size: 15px; font-weight: 600; color: var(--tun-blue); text-decoration: none; transition: gap 0.2s ease; display: inline-flex; align-items: center; gap: 6px; }\n .scholarships-header .view-all:hover { gap: 10px; }\n .scholarships-scroll { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 16px; scrollbar-width: thin; scrollbar-color: var(--tun-gray-200) transparent; }\n .scholarships-scroll::-webkit-scrollbar { height: 6px; }\n .scholarships-scroll::-webkit-scrollbar-thumb { background: var(--tun-gray-200); border-radius: 3px; }\n .sch-card {\n min-width: 280px; max-width: 280px; flex-shrink: 0; scroll-snap-align: start;\n border-radius: 16px; overflow: hidden; border: 1px solid var(--tun-gray-200);\n background: white; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .sch-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); border-color: var(--tun-blue); }\n .sch-image { height: 140px; display: flex; align-items: center; justify-content: center; }\n .sch-image-bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-family: var(--font-display); font-weight: 700; color: white; }\n .si-1 { background: linear-gradient(135deg, #002C5F, #0066CC); }\n .si-2 { background: linear-gradient(135deg, #8B4513, #D2691E); }\n .si-3 { background: linear-gradient(135deg, #1B6B3A, #3CB371); }\n .si-4 { background: linear-gradient(135deg, #2C3E50, #4A90D9); }\n .si-5 { background: linear-gradient(135deg, #B8860B, #FFD700); }\n .sch-body { padding: 22px; }\n .sch-sponsor { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: var(--tun-blue); margin-bottom: 4px; }\n .sch-body h3 { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--tun-black); margin-bottom: 6px; line-height: 1.3; }\n .sch-body .sch-desc { font-size: 13px; color: var(--tun-gray-600); line-height: 1.5; margin-bottom: 12px; }\n .sch-details { display: flex; gap: 16px; }\n .sch-detail-value { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--tun-black); }\n .sch-detail-label { font-size: 10px; color: var(--tun-gray-400); text-transform: uppercase; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PLATFORM TOOLS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .tools { background: var(--tun-gray-100); }\n .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }\n .tool-card {\n background: white; border-radius: 16px; padding: 32px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .tool-card:hover { border-color: var(--tun-blue); transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,0.06); }\n .tool-card-icon { font-size: 32px; margin-bottom: 14px; }\n .tool-card h3 { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--tun-black); margin-bottom: 6px; }\n .tool-card p { font-size: 14px; color: var(--tun-gray-600); line-height: 1.55; margin-bottom: 12px; }\n .tool-card .card-link { font-size: 13px; font-weight: 600; color: var(--tun-blue); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NEWS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .news { background: var(--tun-white); }\n .news-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }\n .news-header .view-all { font-size: 15px; font-weight: 600; color: var(--tun-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s ease; }\n .news-header .view-all:hover { gap: 10px; }\n .news-categories { display: flex; gap: 8px; margin-bottom: 32px; flex-wrap: wrap; }\n .news-cat {\n padding: 7px 18px; border-radius: 100px; font-size: 13px; font-weight: 600;\n border: 1px solid var(--tun-gray-200); color: var(--tun-gray-600);\n text-decoration: none; transition: all 0.2s ease; background: white;\n }\n .news-cat:hover, .news-cat.active { background: var(--tun-blue); color: white; border-color: var(--tun-blue); }\n .news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\n .news-card {\n display: flex; gap: 20px; padding: 24px; background: var(--tun-gray-100);\n border-radius: 16px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit;\n }\n .news-card:hover { border-color: var(--tun-blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); }\n .news-card-content { flex: 1; }\n .news-card-cat { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; }\n .news-card-cat.cat-scholarship { color: var(--tun-gold); }\n .news-card-cat.cat-tech { color: var(--tun-blue); }\n .news-card-cat.cat-science { color: #7C3AED; }\n .news-card-cat.cat-health { color: #EF4444; }\n .news-card-cat.cat-sustain { color: var(--tun-green); }\n .news-card-cat.cat-lifestyle { color: #F97316; }\n .news-card h4 { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--tun-black); line-height: 1.35; margin-bottom: 6px; }\n .news-card p { font-size: 15px; color: black; line-height: 1.5; }\n .news-card-date { font-size: 12px; color: var(--tun-gray-400); margin-top: 8px; }\n\n\n \n .news-featured-content h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; color:black; line-height: 1.25; margin-bottom: 10px; }\n .news-featured-content p { font-size: 17px; color:black; line-height: 1.6; margin-bottom: 12px; }\n .news-link { font-size: 14px; font-weight: 600; color: var(--tun-blue); }\n\n\/* Updated featured card - give image more room *\/\n.news-featured {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: 1fr 1fr; \/* equal halves *\/\n gap: 32px;\n padding: 0; \/* remove padding so image goes edge-to-edge *\/\n background: white;\n border-radius: 20px;\n border: 1px solid var(--tun-gray-200);\n overflow: hidden; \/* clip image to rounded corners *\/\n text-decoration: none;\n color: inherit;\n transition: all 0.3s ease;\n}\n\n.news-featured:hover {\n border-color: var(--tun-blue);\n box-shadow: 0 12px 32px rgba(0,0,0,0.06);\n}\n\n\/* Image area - taller, more square *\/\n.news-featured-visual {\n background: linear-gradient(135deg, var(--tun-blue-light), #D0DBFF);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 48px;\n min-height: 300px;\n background-size: cover;\n background-position: center;\n aspect-ratio: 4 \/ 3; \/* more square proportions *\/\n}\n\n\/* Content side gets its own padding *\/\n.news-featured-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 36px 36px 36px 0; \/* padding on right\/top\/bottom, none on left (gap handles it) *\/\n}\n\n\/* Mobile: stack vertically, image on top *\/\n@media (max-width: 1024px) {\n .news-featured {\n grid-template-columns: 1fr;\n gap: 0;\n }\n \n .news-featured-visual {\n min-height: 240px;\n aspect-ratio: 16 \/ 9; \/* wider on mobile since it's full width *\/\n }\n \n .news-featured-content {\n padding: 28px;\n }\n}\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESEARCH HIGHLIGHTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .research { background: var(--tun-gray-100); }\n .research-scroll { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; margin-top: 36px; scrollbar-width: thin; scrollbar-color: var(--tun-gray-200) transparent; }\n .research-card {\n min-width: 260px; max-width: 260px; flex-shrink: 0; scroll-snap-align: start;\n background: white; border-radius: 14px; padding: 24px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .research-card:hover { border-color: var(--tun-blue); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.06); }\n .research-card-cat { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; color: var(--tun-blue); }\n .research-card h4 { font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--tun-black); line-height: 1.35; margin-bottom: 8px; }\n .research-card p { font-size: 12px; color: var(--tun-gray-400); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOR ORGANIZATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .for-orgs {\n background: var(--tun-black); color: white; position: relative; overflow: hidden;\n padding: 64px 32px;\n }\n .for-orgs::before {\n content: ''; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px;\n border-radius: 50%; background: rgba(27,77,255,0.1); pointer-events: none;\n }\n .for-orgs-inner {\n max-width: 1200px; margin: 0 auto; display: flex; align-items: center;\n justify-content: space-between; gap: 40px; position: relative;\n }\n .for-orgs-text h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; margin-bottom: 8px; }\n .for-orgs-text p { font-size: 15px; color: rgba(255,255,255,0.6); max-width: 500px; }\n .for-orgs-cta { display: flex; gap: 12px; flex-shrink: 0; }\n .btn-outline-light { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: transparent; color: white; text-decoration: none; font-weight: 600; font-size: 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.25); transition: all 0.2s ease; }\n .btn-outline-light:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.4); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .footer { background: var(--tun-black); color: rgba(255,255,255,0.5); padding: 48px 32px; text-align: center; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.06); }\n .footer a { color: rgba(255,255,255,0.7); text-decoration: none; }\n .footer a:hover { color: white; }\n .footer-links { display: flex; justify-content: center; gap: 32px; margin-bottom: 16px; }\n .footer-social { display: flex; justify-content: center; gap: 20px; margin-bottom: 16px; }\n .footer-social a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; padding: 5px 12px; border: 1px solid rgba(255,255,255,0.1); border-radius: 100px; transition: all 0.2s ease; }\n .footer-social a:hover { border-color: rgba(255,255,255,0.25); color: rgba(255,255,255,0.8); }\n .footer-address { margin-top: 10px; font-size: 13px; color: rgba(255,255,255,0.3); }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\n .fade-in { opacity: 0; transform: translateY(24px); transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); }\n .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n .ai-grid { grid-template-columns: 1fr; gap: 48px; }\n .tools-grid { grid-template-columns: repeat(2, 1fr); }\n .news-grid { grid-template-columns: 1fr; }\n .news-featured { grid-template-columns: 1fr; }\n .for-orgs-inner { flex-direction: column; text-align: center; }\n .hero-metrics { gap: 32px; }\n }\n @media (max-width: 640px) {\n .hero { padding: 120px 20px 60px; }\n .section { padding: 72px 20px; }\n .site-header-nav { display: none; }\n .tools-grid { grid-template-columns: 1fr; }\n .hero-actions { flex-direction: column; }\n .btn-ai, .btn-scholarships { width: 100%; justify-content: center; }\n .hero-metrics { flex-wrap: wrap; gap: 20px; }\n .footer-links { flex-direction: column; gap: 10px; }\n .footer-social { flex-wrap: wrap; }\n .for-orgs-cta { flex-direction: column; width: 100%; }\n .for-orgs-cta a { width: 100%; justify-content: center; }\n .sch-card { min-width: 260px; max-width: 260px; }\n }\n<\/style>\n\n<style>\n \/* Category buttons (replacing <a> tags with <button> for interactivity) *\/\n .news-cat {\n padding: 7px 18px; border-radius: 100px; font-size: 13px; font-weight: 600;\n border: 1px solid var(--tun-gray-200); color: var(--tun-gray-600);\n cursor: pointer; transition: all 0.2s ease; background: white;\n font-family: var(--font-body);\n }\n .news-cat:hover, .news-cat.active { background: var(--tun-blue); color: white; border-color: var(--tun-blue); }\n \n \/* Fade transition for grid *\/\n .news-grid { transition: opacity 0.3s ease; }\n .news-grid.fading { opacity: 0.3; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"site-header\" id=\"siteHeader\">\n<\/div>\n\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\"><span class=\"dot\"><\/span> Helping 13 million students every month<\/div>\n <h1>TUN helps<br>students <em>achieve<\/em><\/h1>\n <p class=\"hero-sub\">Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"btn-ai\"><span class=\"ai-sparkle\">🤖<\/span> Try TUN AI — Your Personal Assistant<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"btn-scholarships\">🎓 Search Scholarships<\/a>\n <\/div>\n <div class=\"hero-metrics\">\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">13<span class=\"accent\">M+<\/span><\/div><div class=\"hero-metric-label\">Monthly Users<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">20<span class=\"accent\">+<\/span><\/div><div class=\"hero-metric-label\">AI Models<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">600<span class=\"accent\">K<\/span><\/div><div class=\"hero-metric-label\">Newsletter Subs<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">15<span class=\"accent\">+<\/span><\/div><div class=\"hero-metric-label\">Languages<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section ai-spotlight\">\n <div class=\"section-inner\">\n <div class=\"ai-grid\">\n <div class=\"ai-text\">\n <div class=\"section-label\">TUN AI<\/div>\n <h2 class=\"section-title\" style=\"color:white;\">The first AI-powered higher<br>education assistant<\/h2>\n <p>Launched in 2017 and refined through 200+ iterations, TUN AI is an ethical, personalized coach built specifically for students, parents, and educators. It doesn’t guess — it draws from current, vetted data across 20+ specialized models.<\/p>\n <p>Ask about scholarships, financial aid, majors, courses, internships, or career paths. TUN AI matches you with opportunities that fit your unique profile — and keeps working for you even when you’re offline.<\/p>\n <div class=\"ai-features-mini\">\n <span class=\"ai-feat-pill\">🎓 Scholarships<\/span>\n <span class=\"ai-feat-pill\">💰 Financial Aid<\/span>\n <span class=\"ai-feat-pill\">📚 Courses<\/span>\n <span class=\"ai-feat-pill\">💼 Careers<\/span>\n <span class=\"ai-feat-pill\">🏫 College Planning<\/span>\n <span class=\"ai-feat-pill\">⚖️ FAFSA Help<\/span>\n <\/div>\n <div class=\"ai-cta-row\">\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"btn-gold\">Try TUN AI Now →<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/about\/\" class=\"btn-ghost\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"ai-demo-card fade-in\">\n <div class=\"ai-demo-glow\"><\/div>\n <div class=\"ai-demo-header\">\n <div class=\"ai-demo-avatar\">AI<\/div>\n <div><div class=\"ai-demo-name\">TUN AI<\/div><div class=\"ai-demo-tag\">Higher Education Assistant<\/div><\/div>\n <\/div>\n <div class=\"ai-msg-q\">I’m a first-generation college student and I need help finding scholarships. I’m studying engineering and my family income is under $50K. What should I apply for?<\/div>\n <div class=\"ai-msg-a\">\n Based on your profile, here are some strong matches:\n <br><br>\n <span class=\"hl\">1.<\/span> <span class=\"gold\">Lariat STEM Scholar Program<\/span> — renewable awards up to $30,000 for students from rural communities in STEM fields. You may qualify based on household income.\n <br><br>\n <span class=\"hl\">2.<\/span> <span class=\"gold\">Hyundai Women in STEM Scholarship<\/span> — five awards of $10,000 each for women pursuing STEM degrees.\n <br><br>\n <span class=\"hl\">3.<\/span> I also found <span class=\"hl\">8 more scholarships<\/span> that match your profile. Want me to walk through each one?\n <br><br>\n <span style=\"color: rgba(255,255,255,0.35); font-style: italic;\">TUN AI finds opportunities matched to you — not ads.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section scholarships\">\n <div class=\"section-inner\">\n <div class=\"scholarships-header\">\n <div>\n <div class=\"section-label\">Featured Scholarships<\/div>\n <h2 class=\"section-title\">Funding your future<\/h2>\n <\/div>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"view-all\">Search all scholarships →<\/a>\n <\/div>\n <div class=\"scholarships-scroll\">\n <a href=\"https:\/\/www.tun.com\/scholarships\/the-hyundai-women-in-stem-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-1\">Hyundai<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Hyundai<\/div><h3>Women in STEM Scholarship<\/h3><div class=\"sch-desc\">Empowering women in STEM through sustainable technology.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$10,000<\/div><div class=\"sch-detail-label\">Per Award<\/div><\/div><div><div class=\"sch-detail-value\">5 Awards<\/div><div class=\"sch-detail-label\">National<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/walk-on-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-2\">Mayfield<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Baker & Emily Mayfield Foundation<\/div><h3>Walk On Scholarship<\/h3><div class=\"sch-desc\">Supporting college athletes with limited athletic aid.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$10,000<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/ramsey-education-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-3\">Ramsey<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Ramsey Education<\/div><h3>Ramsey Education Scholarship<\/h3><div class=\"sch-desc\">Supporting students passionate about financial literacy.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$1,000<\/div><div class=\"sch-detail-label\">Per Award<\/div><\/div><div><div class=\"sch-detail-value\">5 Awards<\/div><div class=\"sch-detail-label\">National<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/the-lariat-stem-scholar-program-2\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-4\">Lariat<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Lariat Future Innovators Foundation<\/div><h3>Lariat STEM Scholar Program<\/h3><div class=\"sch-desc\">Helping rural STEM students reach their goals.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">Up to $30K<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/golden-1-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-5\">Golden 1<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Golden 1 Credit Union<\/div><h3>Golden 1 Scholarship<\/h3><div class=\"sch-desc\">Renewable scholarship for California students.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">Up to $5K<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section tools\">\n <div class=\"section-inner\">\n <div style=\"text-align:center; margin-bottom: 8px;\">\n <div class=\"section-label\">Everything You Need<\/div>\n <h2 class=\"section-title\">One platform, every opportunity<\/h2>\n <p class=\"section-subtitle\" style=\"margin: 0 auto;\">TUN covers every stage of your education journey — from paying for school to building a career.<\/p>\n <\/div>\n <div class=\"tools-grid\">\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🎓<\/div>\n <h3>Scholarships<\/h3>\n <p>Search billions of dollars in scholarships matched to your profile by TUN AI.<\/p>\n <div class=\"card-link\">Search scholarships →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🤖<\/div>\n <h3>TUN AI<\/h3>\n <p>Your personal higher education assistant — scholarships, financial aid, courses, careers, and more.<\/p>\n <div class=\"card-link\">Try TUN AI →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/courses\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">📚<\/div>\n <h3>Online Courses<\/h3>\n <p>Explore 6,000+ free courses from top universities and platforms.<\/p>\n <div class=\"card-link\">Browse courses →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">💼<\/div>\n <h3>Internships & Careers<\/h3>\n <p>Find internships, part-time jobs, and entry-level roles from top companies.<\/p>\n <div class=\"card-link\">Find opportunities →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/brand\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🏷️<\/div>\n <h3>Student Discounts<\/h3>\n <p>Save on electronics, software, food, fashion, and more with exclusive student deals.<\/p>\n <div class=\"card-link\">Find discounts →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/schools\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🏫<\/div>\n <h3>School Profiles<\/h3>\n <p>Research colleges, universities, and programs to find the right fit for you.<\/p>\n <div class=\"card-link\">Explore schools →<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"section news\" id=\"news-section\">\n <div class=\"section-inner\">\n <div class=\"news-header\">\n <div>\n <div class=\"section-label\">Latest News<\/div>\n <h2 class=\"section-title\">Research & discoveries<br>shaping the future<\/h2>\n <\/div>\n <a href=\"https:\/\/www.tun.com\/home\/\" class=\"view-all\">View all news →<\/a>\n <\/div>\n <div class=\"news-categories\" id=\"news-categories\">\n <button class=\"news-cat active\" data-category=\"all\">All<\/button>\n <button class=\"news-cat\" data-category=\"scholarship\">Scholarships<\/button>\n <button class=\"news-cat\" data-category=\"ai\">AI<\/button>\n <button class=\"news-cat\" data-category=\"science\">Science<\/button>\n <button class=\"news-cat\" data-category=\"health\">Health<\/button>\n <button class=\"news-cat\" data-category=\"sustainability\">Sustainability<\/button>\n <button class=\"news-cat\" data-category=\"tech\">Tech<\/button>\n <button class=\"news-cat\" data-category=\"education\">Education<\/button>\n <button class=\"news-cat\" data-category=\"lifestyle\">Lifestyle<\/button>\n <button class=\"news-cat\" data-category=\"climate\">Climate<\/button>\n <\/div>\n \n <div id=\"news-loading\" style=\"text-align:center; padding:48px 0; color:var(--tun-gray-400);\">\n Loading latest news…\n <\/div>\n \n <div class=\"news-grid\" id=\"news-grid\" style=\"display:none;\"><\/div>\n \n <div id=\"news-error\" style=\"display:none; text-align:center; padding:48px 0;\">\n <p style=\"color:var(--tun-gray-400); margin-bottom:16px;\">Unable to load latest news.<\/p>\n <a href=\"https:\/\/www.tun.com\/home\/\" style=\"color:var(--tun-blue); font-weight:600; text-decoration:none;\">Visit TUN News →<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"section research\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Key University Research<\/div>\n <h2 class=\"section-title\">2025’s biggest breakthroughs<\/h2>\n <div class=\"research-scroll\">\n <a href=\"https:\/\/www.tun.com\/home\/how-university-researchers-used-artificial-intelligence-to-drive-real-world-impact-in-2025\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\">Artificial Intelligence<\/div>\n <h4>How Researchers Used AI to Drive Real-World Impact in 2025<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/2025-sustainability-climate-research-scalable-solutions-real-world-impact\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:var(--tun-green);\">Sustainability<\/div>\n <h4>2025 Climate Research: Scalable Solutions, Real-World Impact<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/what-2025-revealed-about-well-being-resilience-and-care\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:#EF4444;\">Well-Being<\/div>\n <h4>What 2025 Revealed About Well-Being, Resilience, and Care<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/what-2025-research-revealed-about-the-future-of-learning-and-student-success\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:var(--tun-gold);\">Education<\/div>\n <h4>The Future of Learning and Student Success<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/health-research-in-2025-from-early-detection-to-real-world-prevention\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:#7C3AED;\">Health<\/div>\n <h4>Health Research in 2025: Early Detection to Prevention<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"for-orgs\">\n <div class=\"for-orgs-inner\">\n <div class=\"for-orgs-text\">\n <h3>Are you an organization looking to reach students?<\/h3>\n <p>TUN helps brands, universities, and institutions create impact through scholarships, AI integration, branded content, and more.<\/p>\n <\/div>\n <div class=\"for-orgs-cta\">\n <a href=\"https:\/\/www.tun.com\/home\/partnerships\/\" class=\"btn-gold\">Explore Partnerships →<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/scholarship-management-services\/\" class=\"btn-outline-light\">Start a Scholarship<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/www.tun.com\/home\/\">News<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\">Scholarships<\/a>\n <a href=\"https:\/\/www.tun.com\/courses\/\">Courses<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/\">Careers<\/a>\n <a href=\"https:\/\/www.tun.com\/ai\/\">TUN AI<\/a>\n <a href=\"https:\/\/www.tun.com\/brand\/\">Discounts<\/a>\n <a href=\"https:\/\/www.tun.com\/home\/partnerships\/\">Partnerships<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/about\/\">About<\/a>\n <\/div>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.tiktok.com\/@tunforstudents\" target=\"_blank\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 0 0-.79-.05A6.34 6.34 0 0 0 3.15 15a6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.34-6.34V8.98a8.21 8.21 0 0 0 4.76 1.52V7.05a4.84 4.84 0 0 1-1-.36z\"\/><\/svg>\n TikTok\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/tundiscounts\/\" target=\"_blank\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z\"\/><\/svg>\n Pinterest\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/TUNforStudents\" target=\"_blank\">Facebook<\/a>\n <a href=\"https:\/\/twitter.com\/tunforstudents\" target=\"_blank\">X<\/a>\n <a href=\"https:\/\/www.linkedin.com\/company\/tun-inc-\" target=\"_blank\">LinkedIn<\/a>\n <\/div>\n <p>© 2026 TUN, Inc. All rights reserved. | <a href=\"https:\/\/www.tun.com\/blog\/we-use-cookies-to-make-our-website-experience-better\/\">Privacy<\/a><\/p>\n <div class=\"footer-address\">TUN, Inc. · 99 Wall Street, #2508 · New York, NY 10005<\/div>\n<\/footer>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n window.addEventListener('scroll', () => {\n document.getElementById('siteHeader').classList.toggle('scrolled', window.scrollY > 20);\n });\n<\/script>\n\n<script>\n(function() {\n\n const API_BASE = 'https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/posts';\n const ARTICLE_COUNT = 7;\n\n \/\/ WordPress category IDs\n \/\/ Confirmed: AI=8, Career=9, Climate&Env=11, Health=12, Education=18,\n \/\/ Lifestyle=20, Health Care=27, Food&Nutrition=30, 2025=538\n \/\/ TODO: Look up remaining IDs at \/wp-json\/wp\/v2\/categories?per_page=100\n const CATEGORY_MAP = {\n 'all': null,\n 'scholarship': 26, \/\/ TODO: add ID\n 'ai': 8,\n 'science': 25, \/\/ TODO: add ID\n 'health': 12,\n 'sustainability': 10, \/\/ TODO: add ID\n 'tech': 17, \/\/ TODO: add ID\n 'education': 18,\n 'lifestyle': 20,\n 'climate': 11\n };\n\n const CAT_COLORS = {\n 'scholarship': '#F5A623', 'ai': '#1B4DFF', 'science': '#7C3AED',\n 'health': '#EF4444', 'sustainability': '#1DB954', 'tech': '#1B4DFF',\n 'education': '#F5A623', 'lifestyle': '#F97316', 'food-nutrition': '#F97316',\n 'people-culture': '#7C3AED', 'climate-and-environment': '#1DB954',\n 'career': '#F97316', 'health-care': '#EF4444', 'policy': '#6B7280', '2025': '#1B4DFF'\n };\n\n const CAT_ICONS = {\n 'scholarship': '\ud83c\udf93', 'ai': '\ud83e\udd16', 'science': '\ud83d\udd2c', 'health': '\u2764\ufe0f',\n 'sustainability': '\ud83c\udf31', 'tech': '\ud83d\udcbb', 'education': '\ud83d\udcda', 'lifestyle': '\ud83c\udf1f',\n 'climate-and-environment': '\ud83c\udf0d', 'food-nutrition': '\ud83c\udf4e', 'career': '\ud83d\udcbc',\n 'people-culture': '\ud83d\udc65', 'default': '\ud83d\udcf0'\n };\n\n const grid = document.getElementById('news-grid');\n const loading = document.getElementById('news-loading');\n const error = document.getElementById('news-error');\n const catButtons = document.querySelectorAll('.news-cat');\n\n async function fetchPosts(categorySlug) {\n let url = API_BASE + '?per_page=' + ARTICLE_COUNT + '&_embed';\n\n if (categorySlug !== 'all' && CATEGORY_MAP[categorySlug]) {\n url += '&categories=' + CATEGORY_MAP[categorySlug];\n }\n\n var response = await fetch(url);\n if (!response.ok) throw new Error('API request failed');\n var posts = await response.json();\n\n return posts.map(function(post) {\n var cats = (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0]) || [];\n var categoryName = cats.length > 0 ? cats[0].name : 'News';\n var categorySlug = cats.length > 0 ? cats[0].slug : 'news';\n var featuredImage = null;\n if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n featuredImage = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n return {\n title: decodeHTML(post.title.rendered),\n link: post.link,\n description: decodeHTML(stripHTML(post.excerpt.rendered)).substring(0, 150) + '...',\n date: formatDate(post.date),\n category: decodeHTML(categoryName),\n categorySlug: categorySlug,\n image: featuredImage\n };\n });\n }\n\n function renderPosts(posts) {\n if (!posts || posts.length === 0) {\n grid.style.display = 'none';\n error.style.display = 'block';\n loading.style.display = 'none';\n return;\n }\n\n var html = '';\n var featured = posts[0];\n var featIcon = CAT_ICONS[featured.categorySlug] || CAT_ICONS['default'];\n var featColor = CAT_COLORS[featured.categorySlug] || '#1B4DFF';\n var featBg = featured.image\n ? 'background-image:url(' + featured.image + '); background-size:cover; background-position:center;'\n : '';\n\n html += '<a href=\"' + featured.link + '\" class=\"news-featured fade-in visible\">';\n html += '<div class=\"news-featured-visual\" style=\"' + featBg + '\">';\n if (!featured.image) html += featIcon;\n html += '<\/div>';\n html += '<div class=\"news-featured-content\">';\n html += '<div class=\"news-card-cat\" style=\"color:' + featColor + '\">' + featured.category + '<\/div>';\n html += '<h3>' + featured.title + '<\/h3>';\n html += '<p>' + featured.description + '<\/p>';\n html += '<div class=\"news-link\">Read more →<\/div>';\n html += '<\/div><\/a>';\n\n for (var i = 1; i < posts.length; i++) {\n var post = posts[i];\n var color = CAT_COLORS[post.categorySlug] || '#1B4DFF';\n\n html += '<a href=\"' + post.link + '\" class=\"news-card fade-in visible\">';\n html += '<div class=\"news-card-content\">';\n html += '<div class=\"news-card-cat\" style=\"color:' + color + '\">' + post.category + '<\/div>';\n html += '<h4>' + post.title + '<\/h4>';\n html += '<p>' + post.description + '<\/p>';\n html += '<div class=\"news-card-date\">' + post.date + '<\/div>';\n html += '<\/div><\/a>';\n }\n\n grid.innerHTML = html;\n grid.style.display = 'grid';\n loading.style.display = 'none';\n error.style.display = 'none';\n }\n\n async function loadCategory(slug) {\n catButtons.forEach(function(btn) { btn.classList.remove('active'); });\n var activeBtn = document.querySelector('[data-category=\"' + slug + '\"]');\n if (activeBtn) activeBtn.classList.add('active');\n\n grid.classList.add('fading');\n\n try {\n var posts = await fetchPosts(slug);\n setTimeout(function() {\n renderPosts(posts);\n grid.classList.remove('fading');\n }, 200);\n } catch (err) {\n console.error('Failed to load posts:', err);\n grid.style.display = 'none';\n loading.style.display = 'none';\n error.style.display = 'block';\n grid.classList.remove('fading');\n }\n }\n\n catButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n loadCategory(btn.dataset.category);\n });\n });\n\n function decodeHTML(html) {\n var txt = document.createElement('textarea');\n txt.innerHTML = html;\n return txt.value;\n }\n\n function stripHTML(html) {\n var tmp = document.createElement('div');\n tmp.innerHTML = html;\n return tmp.textContent || tmp.innerText || '';\n }\n\n function formatDate(dateStr) {\n try {\n var d = new Date(dateStr);\n return d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });\n } catch(e) {\n return dateStr;\n }\n }\n\n \/\/ Initial load\n loadCategory('all');\n\n})();\n<\/script>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>TUN \u2014 The University Network Helping 13 million students every month TUN helpsstudents achieve Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free. 🤖 Try TUN AI — Your Personal Assistant 🎓 Search Scholarships 13M+ Monthly Users 20+ AI Models 600K Newsletter Subs […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sales-pages","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Magic","author_link":"https:\/\/www.tun.com\/home\/author\/magic\/"},"uagb_comment_info":0,"uagb_excerpt":"TUN \u2014 The University Network Helping 13 million students every month TUN helpsstudents achieve Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free. 🤖 Try TUN AI — Your Personal Assistant 🎓 Search Scholarships 13M+ Monthly Users 20+ AI Models 600K Newsletter Subs…","_links":{"self":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":389,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":34985,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647\/revisions\/34985"}],"wp:attachment":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":647,"date":"2024-05-29T22:04:31","date_gmt":"2024-05-29T22:04:31","guid":{"rendered":"https:\/\/www.tun.com\/home\/?page_id=647"},"modified":"2026-03-08T23:28:40","modified_gmt":"2026-03-08T23:28:40","slug":"647-2","status":"publish","type":"page","link":"https:\/\/www.tun.com\/home\/","title":{"rendered":"TUN Helps Students"},"content":{"rendered":"\n\n\n\n\nTUN \u2014 The University Network<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,700;1,9..144,400&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --tun-black: #0D0D0D; --tun-white: #FAFAF8; --tun-blue: #1B4DFF; --tun-blue-light: #E8EEFF;\n --tun-blue-dark: #0A2DB3; --tun-gold: #F5A623; --tun-gold-light: #FFF7E8; --tun-green: #1DB954;\n --tun-green-light: #E8FBF0; --tun-gray-100: #F4F4F2; --tun-gray-200: #E8E8E4;\n --tun-gray-400: #A8A8A0; --tun-gray-600: #6B6B63; --tun-gray-800: #2D2D28;\n --font-display: 'Fraunces', Georgia, serif; --font-body: 'DM Sans', system-ui, sans-serif;\n }\n * { margin: 0; padding: 0; box-sizing: border-box; }\n html { scroll-behavior: smooth; }\n body { font-family: var(--font-body); color: var(--tun-gray-800); background: var(--tun-white); line-height: 1.6; -webkit-font-smoothing: antialiased; }\n\n .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 100; background: rgba(250,250,248,0.95); backdrop-filter: blur(16px); border-bottom: 1px solid var(--tun-gray-200); transition: box-shadow 0.3s ease; }\n .site-header.scrolled { box-shadow: 0 2px 24px rgba(0,0,0,0.06); }\n .site-header-inner { max-width: 1200px; margin: 0 auto; padding: 14px 32px; display: flex; align-items: center; justify-content: space-between; }\n .site-header-nav { display: flex; gap: 28px; }\n .site-header-nav a { font-size: 14px; font-weight: 500; color: var(--tun-gray-600); text-decoration: none; transition: color 0.2s ease; }\n .site-header-nav a:hover { color: var(--tun-black); }\n .nav-logo { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--tun-black); text-decoration: none; letter-spacing: -0.5px; }\n .nav-logo span { color: var(--tun-blue); }\n\n .section { padding: 100px 32px; }\n .section-inner { max-width: 1200px; margin: 0 auto; }\n .section-label { font-size: 12px; font-weight: 600; text-transform: uppercase; letter-spacing: 2px; color: var(--tun-blue); margin-bottom: 16px; }\n .section-title { font-family: var(--font-display); font-size: clamp(32px, 3.5vw, 48px); font-weight: 700; line-height: 1.12; letter-spacing: -1px; color: var(--tun-black); margin-bottom: 16px; }\n .section-subtitle { font-size: 18px; color: var(--tun-gray-600); max-width: 600px; line-height: 1.6; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 HERO \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .hero {\n padding: 140px 32px 80px; text-align: center; position: relative; overflow: hidden;\n background: linear-gradient(180deg, var(--tun-white) 0%, var(--tun-blue-light) 50%, var(--tun-white) 100%);\n }\n .hero::before {\n content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%);\n width: 1000px; height: 1000px; border-radius: 50%;\n background: radial-gradient(circle, rgba(27,77,255,0.06) 0%, transparent 55%);\n pointer-events: none;\n }\n .hero-inner { max-width: 800px; margin: 0 auto; position: relative; }\n .hero-badge {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 18px;\n background: white; border: 1px solid var(--tun-gray-200); border-radius: 100px;\n font-size: 13px; font-weight: 500; color: var(--tun-gray-600);\n margin-bottom: 28px; animation: fadeUp 0.6s ease both;\n }\n .hero-badge .dot { width: 8px; height: 8px; background: var(--tun-green); border-radius: 50%; animation: pulse 2s ease infinite; }\n .hero h1 {\n font-family: var(--font-display); font-size: clamp(48px, 7vw, 84px);\n font-weight: 700; line-height: 1.02; letter-spacing: -3px;\n color: var(--tun-black); margin-bottom: 20px; animation: fadeUp 0.6s 0.1s ease both;\n }\n .hero h1 em { font-style: italic; color: var(--tun-blue); }\n .hero-sub {\n font-size: 20px; line-height: 1.6; color: var(--tun-gray-600); max-width: 560px;\n margin: 0 auto 36px; animation: fadeUp 0.6s 0.2s ease both;\n }\n .hero-actions { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; animation: fadeUp 0.6s 0.3s ease both; }\n .btn-ai {\n display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px;\n background: var(--tun-blue); color: white; text-decoration: none;\n font-weight: 600; font-size: 17px; border-radius: 14px; transition: all 0.25s ease;\n box-shadow: 0 4px 20px rgba(27,77,255,0.2);\n }\n .btn-ai:hover { background: var(--tun-blue-dark); transform: translateY(-2px); box-shadow: 0 8px 32px rgba(27,77,255,0.3); }\n .btn-ai .ai-sparkle { font-size: 20px; }\n .btn-scholarships {\n display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px;\n background: white; color: var(--tun-gray-800); text-decoration: none;\n font-weight: 600; font-size: 17px; border-radius: 14px;\n border: 1px solid var(--tun-gray-200); transition: all 0.25s ease;\n }\n .btn-scholarships:hover { border-color: var(--tun-gray-400); transform: translateY(-2px); box-shadow: 0 4px 16px rgba(0,0,0,0.06); }\n .hero-metrics {\n display: flex; justify-content: center; gap: 48px; margin-top: 48px;\n animation: fadeUp 0.6s 0.4s ease both;\n }\n .hero-metric { text-align: center; }\n .hero-metric-value { font-family: var(--font-display); font-size: 28px; font-weight: 700; color: var(--tun-black); line-height: 1; }\n .hero-metric-value .accent { color: var(--tun-blue); }\n .hero-metric-label { font-size: 12px; color: var(--tun-gray-400); margin-top: 4px; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TUN AI SPOTLIGHT \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .ai-spotlight {\n background: linear-gradient(165deg, #0D0D0D 0%, #0D1B33 100%);\n color: white; position: relative; overflow: hidden;\n }\n .ai-spotlight::before {\n content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;\n background: radial-gradient(ellipse at 30% 50%, rgba(27,77,255,0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 70% 20%, rgba(245,166,35,0.08) 0%, transparent 40%);\n pointer-events: none;\n }\n .ai-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; align-items: center; position: relative; }\n .ai-spotlight .section-label { color: var(--tun-gold); }\n .ai-spotlight .section-title { color: white; font-size: clamp(30px, 3.5vw, 44px); }\n .ai-text p { font-size: 16px; color: rgba(255,255,255,0.65); line-height: 1.7; margin-bottom: 16px; }\n .ai-features-mini { display: flex; flex-wrap: wrap; gap: 8px; margin: 24px 0; }\n .ai-feat-pill {\n padding: 6px 16px; background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.1);\n border-radius: 100px; font-size: 13px; color: rgba(255,255,255,0.7); font-weight: 500;\n }\n .ai-cta-row { display: flex; gap: 12px; margin-top: 28px; }\n .btn-gold { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: var(--tun-gold); color: var(--tun-black); text-decoration: none; font-weight: 600; font-size: 15px; border-radius: 12px; transition: all 0.25s ease; }\n .btn-gold:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(245,166,35,0.3); }\n .btn-ghost { display: inline-flex; align-items: center; gap: 10px; padding: 14px 28px; background: transparent; color: rgba(255,255,255,0.8); text-decoration: none; font-weight: 600; font-size: 15px; border-radius: 12px; border: 1px solid rgba(255,255,255,0.2); transition: all 0.25s ease; }\n .btn-ghost:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.35); }\n\n \/* AI DEMO *\/\n .ai-demo-card {\n background: rgba(255,255,255,0.03); border: 1px solid rgba(255,255,255,0.08);\n border-radius: 20px; padding: 32px; position: relative;\n }\n .ai-demo-glow {\n position: absolute; top: -40px; right: -40px; width: 160px; height: 160px;\n background: radial-gradient(circle, rgba(27,77,255,0.15), transparent 70%);\n border-radius: 50%; pointer-events: none;\n }\n .ai-demo-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 18px; border-bottom: 1px solid rgba(255,255,255,0.06); position: relative; }\n .ai-demo-avatar { width: 38px; height: 38px; border-radius: 12px; background: linear-gradient(135deg, var(--tun-blue), #6B8AFF); display: flex; align-items: center; justify-content: center; font-weight: 700; font-size: 14px; }\n .ai-demo-name { font-weight: 600; font-size: 15px; }\n .ai-demo-tag { font-size: 12px; color: var(--tun-gold); font-weight: 500; }\n .ai-msg-q { background: rgba(255,255,255,0.05); border-radius: 12px; padding: 14px 18px; font-size: 14px; color: rgba(255,255,255,0.8); margin-bottom: 18px; border-left: 3px solid var(--tun-blue); position: relative; }\n .ai-msg-a { font-size: 14px; color: rgba(255,255,255,0.65); line-height: 1.7; position: relative; }\n .ai-msg-a .hl { color: white; font-weight: 600; }\n .ai-msg-a .gold { color: var(--tun-gold); font-weight: 600; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 SCHOLARSHIPS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .scholarships { background: var(--tun-white); }\n .scholarships-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }\n .scholarships-header .view-all { font-size: 15px; font-weight: 600; color: var(--tun-blue); text-decoration: none; transition: gap 0.2s ease; display: inline-flex; align-items: center; gap: 6px; }\n .scholarships-header .view-all:hover { gap: 10px; }\n .scholarships-scroll { display: flex; gap: 20px; overflow-x: auto; scroll-snap-type: x mandatory; -webkit-overflow-scrolling: touch; padding-bottom: 16px; scrollbar-width: thin; scrollbar-color: var(--tun-gray-200) transparent; }\n .scholarships-scroll::-webkit-scrollbar { height: 6px; }\n .scholarships-scroll::-webkit-scrollbar-thumb { background: var(--tun-gray-200); border-radius: 3px; }\n .sch-card {\n min-width: 280px; max-width: 280px; flex-shrink: 0; scroll-snap-align: start;\n border-radius: 16px; overflow: hidden; border: 1px solid var(--tun-gray-200);\n background: white; transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .sch-card:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(0,0,0,0.08); border-color: var(--tun-blue); }\n .sch-image { height: 140px; display: flex; align-items: center; justify-content: center; }\n .sch-image-bg { width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; font-size: 28px; font-family: var(--font-display); font-weight: 700; color: white; }\n .si-1 { background: linear-gradient(135deg, #002C5F, #0066CC); }\n .si-2 { background: linear-gradient(135deg, #8B4513, #D2691E); }\n .si-3 { background: linear-gradient(135deg, #1B6B3A, #3CB371); }\n .si-4 { background: linear-gradient(135deg, #2C3E50, #4A90D9); }\n .si-5 { background: linear-gradient(135deg, #B8860B, #FFD700); }\n .sch-body { padding: 22px; }\n .sch-sponsor { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; color: var(--tun-blue); margin-bottom: 4px; }\n .sch-body h3 { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--tun-black); margin-bottom: 6px; line-height: 1.3; }\n .sch-body .sch-desc { font-size: 13px; color: var(--tun-gray-600); line-height: 1.5; margin-bottom: 12px; }\n .sch-details { display: flex; gap: 16px; }\n .sch-detail-value { font-family: var(--font-display); font-size: 16px; font-weight: 700; color: var(--tun-black); }\n .sch-detail-label { font-size: 10px; color: var(--tun-gray-400); text-transform: uppercase; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 PLATFORM TOOLS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .tools { background: var(--tun-gray-100); }\n .tools-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 48px; }\n .tool-card {\n background: white; border-radius: 16px; padding: 32px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .tool-card:hover { border-color: var(--tun-blue); transform: translateY(-3px); box-shadow: 0 12px 32px rgba(0,0,0,0.06); }\n .tool-card-icon { font-size: 32px; margin-bottom: 14px; }\n .tool-card h3 { font-family: var(--font-display); font-size: 20px; font-weight: 700; color: var(--tun-black); margin-bottom: 6px; }\n .tool-card p { font-size: 14px; color: var(--tun-gray-600); line-height: 1.55; margin-bottom: 12px; }\n .tool-card .card-link { font-size: 13px; font-weight: 600; color: var(--tun-blue); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 NEWS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .news { background: var(--tun-white); }\n .news-header { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 36px; }\n .news-header .view-all { font-size: 15px; font-weight: 600; color: var(--tun-blue); text-decoration: none; display: inline-flex; align-items: center; gap: 6px; transition: gap 0.2s ease; }\n .news-header .view-all:hover { gap: 10px; }\n .news-categories { display: flex; gap: 8px; margin-bottom: 32px; flex-wrap: wrap; }\n .news-cat {\n padding: 7px 18px; border-radius: 100px; font-size: 13px; font-weight: 600;\n border: 1px solid var(--tun-gray-200); color: var(--tun-gray-600);\n text-decoration: none; transition: all 0.2s ease; background: white;\n }\n .news-cat:hover, .news-cat.active { background: var(--tun-blue); color: white; border-color: var(--tun-blue); }\n .news-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; }\n .news-card {\n display: flex; gap: 20px; padding: 24px; background: var(--tun-gray-100);\n border-radius: 16px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit;\n }\n .news-card:hover { border-color: var(--tun-blue); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(0,0,0,0.06); }\n .news-card-content { flex: 1; }\n .news-card-cat { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 6px; }\n .news-card-cat.cat-scholarship { color: var(--tun-gold); }\n .news-card-cat.cat-tech { color: var(--tun-blue); }\n .news-card-cat.cat-science { color: #7C3AED; }\n .news-card-cat.cat-health { color: #EF4444; }\n .news-card-cat.cat-sustain { color: var(--tun-green); }\n .news-card-cat.cat-lifestyle { color: #F97316; }\n .news-card h4 { font-family: var(--font-display); font-size: 17px; font-weight: 700; color: var(--tun-black); line-height: 1.35; margin-bottom: 6px; }\n .news-card p { font-size: 15px; color: black; line-height: 1.5; }\n .news-card-date { font-size: 12px; color: var(--tun-gray-400); margin-top: 8px; }\n\n\n \n .news-featured-content h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; color:black; line-height: 1.25; margin-bottom: 10px; }\n .news-featured-content p { font-size: 17px; color:black; line-height: 1.6; margin-bottom: 12px; }\n .news-link { font-size: 14px; font-weight: 600; color: var(--tun-blue); }\n\n\/* Updated featured card - give image more room *\/\n.news-featured {\n grid-column: 1 \/ -1;\n display: grid;\n grid-template-columns: 1fr 1fr; \/* equal halves *\/\n gap: 32px;\n padding: 0; \/* remove padding so image goes edge-to-edge *\/\n background: white;\n border-radius: 20px;\n border: 1px solid var(--tun-gray-200);\n overflow: hidden; \/* clip image to rounded corners *\/\n text-decoration: none;\n color: inherit;\n transition: all 0.3s ease;\n}\n\n.news-featured:hover {\n border-color: var(--tun-blue);\n box-shadow: 0 12px 32px rgba(0,0,0,0.06);\n}\n\n\/* Image area - taller, more square *\/\n.news-featured-visual {\n background: linear-gradient(135deg, var(--tun-blue-light), #D0DBFF);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 48px;\n min-height: 300px;\n background-size: cover;\n background-position: center;\n aspect-ratio: 4 \/ 3; \/* more square proportions *\/\n}\n\n\/* Content side gets its own padding *\/\n.news-featured-content {\n display: flex;\n flex-direction: column;\n justify-content: center;\n padding: 36px 36px 36px 0; \/* padding on right\/top\/bottom, none on left (gap handles it) *\/\n}\n\n\/* Mobile: stack vertically, image on top *\/\n@media (max-width: 1024px) {\n .news-featured {\n grid-template-columns: 1fr;\n gap: 0;\n }\n \n .news-featured-visual {\n min-height: 240px;\n aspect-ratio: 16 \/ 9; \/* wider on mobile since it's full width *\/\n }\n \n .news-featured-content {\n padding: 28px;\n }\n}\n\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 RESEARCH HIGHLIGHTS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .research { background: var(--tun-gray-100); }\n .research-scroll { display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 12px; margin-top: 36px; scrollbar-width: thin; scrollbar-color: var(--tun-gray-200) transparent; }\n .research-card {\n min-width: 260px; max-width: 260px; flex-shrink: 0; scroll-snap-align: start;\n background: white; border-radius: 14px; padding: 24px; border: 1px solid var(--tun-gray-200);\n transition: all 0.3s ease; text-decoration: none; color: inherit; display: block;\n }\n .research-card:hover { border-color: var(--tun-blue); transform: translateY(-2px); box-shadow: 0 6px 20px rgba(0,0,0,0.06); }\n .research-card-cat { font-size: 10px; font-weight: 600; text-transform: uppercase; letter-spacing: 1.5px; margin-bottom: 8px; color: var(--tun-blue); }\n .research-card h4 { font-family: var(--font-display); font-size: 15px; font-weight: 700; color: var(--tun-black); line-height: 1.35; margin-bottom: 8px; }\n .research-card p { font-size: 12px; color: var(--tun-gray-400); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOR ORGANIZATIONS \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .for-orgs {\n background: var(--tun-black); color: white; position: relative; overflow: hidden;\n padding: 64px 32px;\n }\n .for-orgs::before {\n content: ''; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px;\n border-radius: 50%; background: rgba(27,77,255,0.1); pointer-events: none;\n }\n .for-orgs-inner {\n max-width: 1200px; margin: 0 auto; display: flex; align-items: center;\n justify-content: space-between; gap: 40px; position: relative;\n }\n .for-orgs-text h3 { font-family: var(--font-display); font-size: 24px; font-weight: 700; margin-bottom: 8px; }\n .for-orgs-text p { font-size: 15px; color: rgba(255,255,255,0.6); max-width: 500px; }\n .for-orgs-cta { display: flex; gap: 12px; flex-shrink: 0; }\n .btn-outline-light { display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; background: transparent; color: white; text-decoration: none; font-weight: 600; font-size: 14px; border-radius: 10px; border: 1px solid rgba(255,255,255,0.25); transition: all 0.2s ease; }\n .btn-outline-light:hover { background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.4); }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 FOOTER \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .footer { background: var(--tun-black); color: rgba(255,255,255,0.5); padding: 48px 32px; text-align: center; font-size: 14px; border-top: 1px solid rgba(255,255,255,0.06); }\n .footer a { color: rgba(255,255,255,0.7); text-decoration: none; }\n .footer a:hover { color: white; }\n .footer-links { display: flex; justify-content: center; gap: 32px; margin-bottom: 16px; }\n .footer-social { display: flex; justify-content: center; gap: 20px; margin-bottom: 16px; }\n .footer-social a { display: inline-flex; align-items: center; gap: 6px; color: rgba(255,255,255,0.5); font-size: 13px; font-weight: 500; padding: 5px 12px; border: 1px solid rgba(255,255,255,0.1); border-radius: 100px; transition: all 0.2s ease; }\n .footer-social a:hover { border-color: rgba(255,255,255,0.25); color: rgba(255,255,255,0.8); }\n .footer-address { margin-top: 10px; font-size: 13px; color: rgba(255,255,255,0.3); }\n\n \/* ANIMATIONS *\/\n @keyframes fadeUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes pulse { 0%, 100% { opacity: 1; } 50% { opacity: 0.4; } }\n .fade-in { opacity: 0; transform: translateY(24px); transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1); }\n .fade-in.visible { opacity: 1; transform: translateY(0); }\n\n \/* RESPONSIVE *\/\n @media (max-width: 1024px) {\n .ai-grid { grid-template-columns: 1fr; gap: 48px; }\n .tools-grid { grid-template-columns: repeat(2, 1fr); }\n .news-grid { grid-template-columns: 1fr; }\n .news-featured { grid-template-columns: 1fr; }\n .for-orgs-inner { flex-direction: column; text-align: center; }\n .hero-metrics { gap: 32px; }\n }\n @media (max-width: 640px) {\n .hero { padding: 120px 20px 60px; }\n .section { padding: 72px 20px; }\n .site-header-nav { display: none; }\n .tools-grid { grid-template-columns: 1fr; }\n .hero-actions { flex-direction: column; }\n .btn-ai, .btn-scholarships { width: 100%; justify-content: center; }\n .hero-metrics { flex-wrap: wrap; gap: 20px; }\n .footer-links { flex-direction: column; gap: 10px; }\n .footer-social { flex-wrap: wrap; }\n .for-orgs-cta { flex-direction: column; width: 100%; }\n .for-orgs-cta a { width: 100%; justify-content: center; }\n .sch-card { min-width: 260px; max-width: 260px; }\n }\n<\/style>\n\n<style>\n \/* Category buttons (replacing <a> tags with <button> for interactivity) *\/\n .news-cat {\n padding: 7px 18px; border-radius: 100px; font-size: 13px; font-weight: 600;\n border: 1px solid var(--tun-gray-200); color: var(--tun-gray-600);\n cursor: pointer; transition: all 0.2s ease; background: white;\n font-family: var(--font-body);\n }\n .news-cat:hover, .news-cat.active { background: var(--tun-blue); color: white; border-color: var(--tun-blue); }\n \n \/* Fade transition for grid *\/\n .news-grid { transition: opacity 0.3s ease; }\n .news-grid.fading { opacity: 0.3; }\n<\/style>\n<\/head>\n<body>\n\n\n<div class=\"site-header\" id=\"siteHeader\">\n<\/div>\n\n\n<section class=\"hero\">\n <div class=\"hero-inner\">\n <div class=\"hero-badge\"><span class=\"dot\"><\/span> Helping 13 million students every month<\/div>\n <h1>TUN helps<br>students <em>achieve<\/em><\/h1>\n <p class=\"hero-sub\">Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free.<\/p>\n <div class=\"hero-actions\">\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"btn-ai\"><span class=\"ai-sparkle\">🤖<\/span> Try TUN AI — Your Personal Assistant<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"btn-scholarships\">🎓 Search Scholarships<\/a>\n <\/div>\n <div class=\"hero-metrics\">\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">13<span class=\"accent\">M+<\/span><\/div><div class=\"hero-metric-label\">Monthly Users<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">20<span class=\"accent\">+<\/span><\/div><div class=\"hero-metric-label\">AI Models<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">600<span class=\"accent\">K<\/span><\/div><div class=\"hero-metric-label\">Newsletter Subs<\/div><\/div>\n <div class=\"hero-metric\"><div class=\"hero-metric-value\">15<span class=\"accent\">+<\/span><\/div><div class=\"hero-metric-label\">Languages<\/div><\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section ai-spotlight\">\n <div class=\"section-inner\">\n <div class=\"ai-grid\">\n <div class=\"ai-text\">\n <div class=\"section-label\">TUN AI<\/div>\n <h2 class=\"section-title\" style=\"color:white;\">The first AI-powered higher<br>education assistant<\/h2>\n <p>Launched in 2017 and refined through 200+ iterations, TUN AI is an ethical, personalized coach built specifically for students, parents, and educators. It doesn’t guess — it draws from current, vetted data across 20+ specialized models.<\/p>\n <p>Ask about scholarships, financial aid, majors, courses, internships, or career paths. TUN AI matches you with opportunities that fit your unique profile — and keeps working for you even when you’re offline.<\/p>\n <div class=\"ai-features-mini\">\n <span class=\"ai-feat-pill\">🎓 Scholarships<\/span>\n <span class=\"ai-feat-pill\">💰 Financial Aid<\/span>\n <span class=\"ai-feat-pill\">📚 Courses<\/span>\n <span class=\"ai-feat-pill\">💼 Careers<\/span>\n <span class=\"ai-feat-pill\">🏫 College Planning<\/span>\n <span class=\"ai-feat-pill\">⚖️ FAFSA Help<\/span>\n <\/div>\n <div class=\"ai-cta-row\">\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"btn-gold\">Try TUN AI Now →<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/about\/\" class=\"btn-ghost\">Learn More<\/a>\n <\/div>\n <\/div>\n <div class=\"ai-demo-card fade-in\">\n <div class=\"ai-demo-glow\"><\/div>\n <div class=\"ai-demo-header\">\n <div class=\"ai-demo-avatar\">AI<\/div>\n <div><div class=\"ai-demo-name\">TUN AI<\/div><div class=\"ai-demo-tag\">Higher Education Assistant<\/div><\/div>\n <\/div>\n <div class=\"ai-msg-q\">I’m a first-generation college student and I need help finding scholarships. I’m studying engineering and my family income is under $50K. What should I apply for?<\/div>\n <div class=\"ai-msg-a\">\n Based on your profile, here are some strong matches:\n <br><br>\n <span class=\"hl\">1.<\/span> <span class=\"gold\">Lariat STEM Scholar Program<\/span> — renewable awards up to $30,000 for students from rural communities in STEM fields. You may qualify based on household income.\n <br><br>\n <span class=\"hl\">2.<\/span> <span class=\"gold\">Hyundai Women in STEM Scholarship<\/span> — five awards of $10,000 each for women pursuing STEM degrees.\n <br><br>\n <span class=\"hl\">3.<\/span> I also found <span class=\"hl\">8 more scholarships<\/span> that match your profile. Want me to walk through each one?\n <br><br>\n <span style=\"color: rgba(255,255,255,0.35); font-style: italic;\">TUN AI finds opportunities matched to you — not ads.<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section scholarships\">\n <div class=\"section-inner\">\n <div class=\"scholarships-header\">\n <div>\n <div class=\"section-label\">Featured Scholarships<\/div>\n <h2 class=\"section-title\">Funding your future<\/h2>\n <\/div>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"view-all\">Search all scholarships →<\/a>\n <\/div>\n <div class=\"scholarships-scroll\">\n <a href=\"https:\/\/www.tun.com\/scholarships\/the-hyundai-women-in-stem-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-1\">Hyundai<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Hyundai<\/div><h3>Women in STEM Scholarship<\/h3><div class=\"sch-desc\">Empowering women in STEM through sustainable technology.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$10,000<\/div><div class=\"sch-detail-label\">Per Award<\/div><\/div><div><div class=\"sch-detail-value\">5 Awards<\/div><div class=\"sch-detail-label\">National<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/walk-on-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-2\">Mayfield<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Baker & Emily Mayfield Foundation<\/div><h3>Walk On Scholarship<\/h3><div class=\"sch-desc\">Supporting college athletes with limited athletic aid.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$10,000<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/ramsey-education-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-3\">Ramsey<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Ramsey Education<\/div><h3>Ramsey Education Scholarship<\/h3><div class=\"sch-desc\">Supporting students passionate about financial literacy.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">$1,000<\/div><div class=\"sch-detail-label\">Per Award<\/div><\/div><div><div class=\"sch-detail-value\">5 Awards<\/div><div class=\"sch-detail-label\">National<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/the-lariat-stem-scholar-program-2\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-4\">Lariat<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Lariat Future Innovators Foundation<\/div><h3>Lariat STEM Scholar Program<\/h3><div class=\"sch-desc\">Helping rural STEM students reach their goals.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">Up to $30K<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/golden-1-scholarship\/\" class=\"sch-card\" target=\"_blank\">\n <div class=\"sch-image\"><div class=\"sch-image-bg si-5\">Golden 1<\/div><\/div>\n <div class=\"sch-body\"><div class=\"sch-sponsor\">Golden 1 Credit Union<\/div><h3>Golden 1 Scholarship<\/h3><div class=\"sch-desc\">Renewable scholarship for California students.<\/div><div class=\"sch-details\"><div><div class=\"sch-detail-value\">Up to $5K<\/div><div class=\"sch-detail-label\">Renewable<\/div><\/div><\/div><\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section tools\">\n <div class=\"section-inner\">\n <div style=\"text-align:center; margin-bottom: 8px;\">\n <div class=\"section-label\">Everything You Need<\/div>\n <h2 class=\"section-title\">One platform, every opportunity<\/h2>\n <p class=\"section-subtitle\" style=\"margin: 0 auto;\">TUN covers every stage of your education journey — from paying for school to building a career.<\/p>\n <\/div>\n <div class=\"tools-grid\">\n <a href=\"https:\/\/www.tun.com\/scholarships\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🎓<\/div>\n <h3>Scholarships<\/h3>\n <p>Search billions of dollars in scholarships matched to your profile by TUN AI.<\/p>\n <div class=\"card-link\">Search scholarships →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/ai\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🤖<\/div>\n <h3>TUN AI<\/h3>\n <p>Your personal higher education assistant — scholarships, financial aid, courses, careers, and more.<\/p>\n <div class=\"card-link\">Try TUN AI →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/courses\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">📚<\/div>\n <h3>Online Courses<\/h3>\n <p>Explore 6,000+ free courses from top universities and platforms.<\/p>\n <div class=\"card-link\">Browse courses →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">💼<\/div>\n <h3>Internships & Careers<\/h3>\n <p>Find internships, part-time jobs, and entry-level roles from top companies.<\/p>\n <div class=\"card-link\">Find opportunities →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/brand\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🏷️<\/div>\n <h3>Student Discounts<\/h3>\n <p>Save on electronics, software, food, fashion, and more with exclusive student deals.<\/p>\n <div class=\"card-link\">Find discounts →<\/div>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/schools\/\" class=\"tool-card fade-in\">\n <div class=\"tool-card-icon\">🏫<\/div>\n <h3>School Profiles<\/h3>\n <p>Research colleges, universities, and programs to find the right fit for you.<\/p>\n <div class=\"card-link\">Explore schools →<\/div>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n<section class=\"section news\" id=\"news-section\">\n <div class=\"section-inner\">\n <div class=\"news-header\">\n <div>\n <div class=\"section-label\">Latest News<\/div>\n <h2 class=\"section-title\">Research & discoveries<br>shaping the future<\/h2>\n <\/div>\n <a href=\"https:\/\/www.tun.com\/home\/\" class=\"view-all\">View all news →<\/a>\n <\/div>\n <div class=\"news-categories\" id=\"news-categories\">\n <button class=\"news-cat active\" data-category=\"all\">All<\/button>\n <button class=\"news-cat\" data-category=\"scholarship\">Scholarships<\/button>\n <button class=\"news-cat\" data-category=\"ai\">AI<\/button>\n <button class=\"news-cat\" data-category=\"science\">Science<\/button>\n <button class=\"news-cat\" data-category=\"health\">Health<\/button>\n <button class=\"news-cat\" data-category=\"sustainability\">Sustainability<\/button>\n <button class=\"news-cat\" data-category=\"tech\">Tech<\/button>\n <button class=\"news-cat\" data-category=\"education\">Education<\/button>\n <button class=\"news-cat\" data-category=\"lifestyle\">Lifestyle<\/button>\n <button class=\"news-cat\" data-category=\"climate\">Climate<\/button>\n <\/div>\n \n <div id=\"news-loading\" style=\"text-align:center; padding:48px 0; color:var(--tun-gray-400);\">\n Loading latest news…\n <\/div>\n \n <div class=\"news-grid\" id=\"news-grid\" style=\"display:none;\"><\/div>\n \n <div id=\"news-error\" style=\"display:none; text-align:center; padding:48px 0;\">\n <p style=\"color:var(--tun-gray-400); margin-bottom:16px;\">Unable to load latest news.<\/p>\n <a href=\"https:\/\/www.tun.com\/home\/\" style=\"color:var(--tun-blue); font-weight:600; text-decoration:none;\">Visit TUN News →<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n\n\n<section class=\"section research\">\n <div class=\"section-inner\">\n <div class=\"section-label\">Key University Research<\/div>\n <h2 class=\"section-title\">2025’s biggest breakthroughs<\/h2>\n <div class=\"research-scroll\">\n <a href=\"https:\/\/www.tun.com\/home\/how-university-researchers-used-artificial-intelligence-to-drive-real-world-impact-in-2025\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\">Artificial Intelligence<\/div>\n <h4>How Researchers Used AI to Drive Real-World Impact in 2025<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/2025-sustainability-climate-research-scalable-solutions-real-world-impact\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:var(--tun-green);\">Sustainability<\/div>\n <h4>2025 Climate Research: Scalable Solutions, Real-World Impact<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/what-2025-revealed-about-well-being-resilience-and-care\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:#EF4444;\">Well-Being<\/div>\n <h4>What 2025 Revealed About Well-Being, Resilience, and Care<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/what-2025-research-revealed-about-the-future-of-learning-and-student-success\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:var(--tun-gold);\">Education<\/div>\n <h4>The Future of Learning and Student Success<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <a href=\"https:\/\/www.tun.com\/home\/health-research-in-2025-from-early-detection-to-real-world-prevention\/\" class=\"research-card fade-in\">\n <div class=\"research-card-cat\" style=\"color:#7C3AED;\">Health<\/div>\n <h4>Health Research in 2025: Early Detection to Prevention<\/h4>\n <p>TUN · Featured Research<\/p>\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"for-orgs\">\n <div class=\"for-orgs-inner\">\n <div class=\"for-orgs-text\">\n <h3>Are you an organization looking to reach students?<\/h3>\n <p>TUN helps brands, universities, and institutions create impact through scholarships, AI integration, branded content, and more.<\/p>\n <\/div>\n <div class=\"for-orgs-cta\">\n <a href=\"https:\/\/www.tun.com\/home\/partnerships\/\" class=\"btn-gold\">Explore Partnerships →<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/scholarship-management-services\/\" class=\"btn-outline-light\">Start a Scholarship<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/www.tun.com\/home\/\">News<\/a>\n <a href=\"https:\/\/www.tun.com\/scholarships\/\">Scholarships<\/a>\n <a href=\"https:\/\/www.tun.com\/courses\/\">Courses<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/\">Careers<\/a>\n <a href=\"https:\/\/www.tun.com\/ai\/\">TUN AI<\/a>\n <a href=\"https:\/\/www.tun.com\/brand\/\">Discounts<\/a>\n <a href=\"https:\/\/www.tun.com\/home\/partnerships\/\">Partnerships<\/a>\n <a href=\"https:\/\/www.tun.com\/jobs\/about\/\">About<\/a>\n <\/div>\n <div class=\"footer-social\">\n <a href=\"https:\/\/www.tiktok.com\/@tunforstudents\" target=\"_blank\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-2.88 2.5 2.89 2.89 0 0 1-2.89-2.89 2.89 2.89 0 0 1 2.89-2.89c.28 0 .54.04.79.1v-3.5a6.37 6.37 0 0 0-.79-.05A6.34 6.34 0 0 0 3.15 15a6.34 6.34 0 0 0 6.34 6.34 6.34 6.34 0 0 0 6.34-6.34V8.98a8.21 8.21 0 0 0 4.76 1.52V7.05a4.84 4.84 0 0 1-1-.36z\"\/><\/svg>\n TikTok\n <\/a>\n <a href=\"https:\/\/www.pinterest.com\/tundiscounts\/\" target=\"_blank\">\n <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M12 0C5.373 0 0 5.373 0 12c0 5.084 3.163 9.426 7.627 11.174-.105-.949-.2-2.405.042-3.441.218-.937 1.407-5.965 1.407-5.965s-.359-.719-.359-1.782c0-1.668.967-2.914 2.171-2.914 1.023 0 1.518.769 1.518 1.69 0 1.029-.655 2.568-.994 3.995-.283 1.194.599 2.169 1.777 2.169 2.133 0 3.772-2.249 3.772-5.495 0-2.873-2.064-4.882-5.012-4.882-3.414 0-5.418 2.561-5.418 5.207 0 1.031.397 2.138.893 2.738a.36.36 0 0 1 .083.345l-.333 1.36c-.053.22-.174.267-.402.161-1.499-.698-2.436-2.889-2.436-4.649 0-3.785 2.75-7.262 7.929-7.262 4.163 0 7.398 2.967 7.398 6.931 0 4.136-2.607 7.464-6.227 7.464-1.216 0-2.359-.631-2.75-1.378l-.748 2.853c-.271 1.043-1.002 2.35-1.492 3.146C9.57 23.812 10.763 24 12 24c6.627 0 12-5.373 12-12S18.627 0 12 0z\"\/><\/svg>\n Pinterest\n <\/a>\n <a href=\"https:\/\/www.facebook.com\/TUNforStudents\" target=\"_blank\">Facebook<\/a>\n <a href=\"https:\/\/twitter.com\/tunforstudents\" target=\"_blank\">X<\/a>\n <a href=\"https:\/\/www.linkedin.com\/company\/tun-inc-\" target=\"_blank\">LinkedIn<\/a>\n <\/div>\n <p>© 2026 TUN, Inc. All rights reserved. | <a href=\"https:\/\/www.tun.com\/blog\/we-use-cookies-to-make-our-website-experience-better\/\">Privacy<\/a><\/p>\n <div class=\"footer-address\">TUN, Inc. · 99 Wall Street, #2508 · New York, NY 10005<\/div>\n<\/footer>\n\n<script>\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => { if (entry.isIntersecting) entry.target.classList.add('visible'); });\n }, { threshold: 0.15, rootMargin: '0px 0px -40px 0px' });\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n window.addEventListener('scroll', () => {\n document.getElementById('siteHeader').classList.toggle('scrolled', window.scrollY > 20);\n });\n<\/script>\n\n<script>\n(function() {\n\n const API_BASE = 'https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/posts';\n const ARTICLE_COUNT = 7;\n\n \/\/ WordPress category IDs\n \/\/ Confirmed: AI=8, Career=9, Climate&Env=11, Health=12, Education=18,\n \/\/ Lifestyle=20, Health Care=27, Food&Nutrition=30, 2025=538\n \/\/ TODO: Look up remaining IDs at \/wp-json\/wp\/v2\/categories?per_page=100\n const CATEGORY_MAP = {\n 'all': null,\n 'scholarship': 26, \/\/ TODO: add ID\n 'ai': 8,\n 'science': 25, \/\/ TODO: add ID\n 'health': 12,\n 'sustainability': 10, \/\/ TODO: add ID\n 'tech': 17, \/\/ TODO: add ID\n 'education': 18,\n 'lifestyle': 20,\n 'climate': 11\n };\n\n const CAT_COLORS = {\n 'scholarship': '#F5A623', 'ai': '#1B4DFF', 'science': '#7C3AED',\n 'health': '#EF4444', 'sustainability': '#1DB954', 'tech': '#1B4DFF',\n 'education': '#F5A623', 'lifestyle': '#F97316', 'food-nutrition': '#F97316',\n 'people-culture': '#7C3AED', 'climate-and-environment': '#1DB954',\n 'career': '#F97316', 'health-care': '#EF4444', 'policy': '#6B7280', '2025': '#1B4DFF'\n };\n\n const CAT_ICONS = {\n 'scholarship': '\ud83c\udf93', 'ai': '\ud83e\udd16', 'science': '\ud83d\udd2c', 'health': '\u2764\ufe0f',\n 'sustainability': '\ud83c\udf31', 'tech': '\ud83d\udcbb', 'education': '\ud83d\udcda', 'lifestyle': '\ud83c\udf1f',\n 'climate-and-environment': '\ud83c\udf0d', 'food-nutrition': '\ud83c\udf4e', 'career': '\ud83d\udcbc',\n 'people-culture': '\ud83d\udc65', 'default': '\ud83d\udcf0'\n };\n\n const grid = document.getElementById('news-grid');\n const loading = document.getElementById('news-loading');\n const error = document.getElementById('news-error');\n const catButtons = document.querySelectorAll('.news-cat');\n\n async function fetchPosts(categorySlug) {\n let url = API_BASE + '?per_page=' + ARTICLE_COUNT + '&_embed';\n\n if (categorySlug !== 'all' && CATEGORY_MAP[categorySlug]) {\n url += '&categories=' + CATEGORY_MAP[categorySlug];\n }\n\n var response = await fetch(url);\n if (!response.ok) throw new Error('API request failed');\n var posts = await response.json();\n\n return posts.map(function(post) {\n var cats = (post._embedded && post._embedded['wp:term'] && post._embedded['wp:term'][0]) || [];\n var categoryName = cats.length > 0 ? cats[0].name : 'News';\n var categorySlug = cats.length > 0 ? cats[0].slug : 'news';\n var featuredImage = null;\n if (post._embedded && post._embedded['wp:featuredmedia'] && post._embedded['wp:featuredmedia'][0]) {\n featuredImage = post._embedded['wp:featuredmedia'][0].source_url;\n }\n\n return {\n title: decodeHTML(post.title.rendered),\n link: post.link,\n description: decodeHTML(stripHTML(post.excerpt.rendered)).substring(0, 150) + '...',\n date: formatDate(post.date),\n category: decodeHTML(categoryName),\n categorySlug: categorySlug,\n image: featuredImage\n };\n });\n }\n\n function renderPosts(posts) {\n if (!posts || posts.length === 0) {\n grid.style.display = 'none';\n error.style.display = 'block';\n loading.style.display = 'none';\n return;\n }\n\n var html = '';\n var featured = posts[0];\n var featIcon = CAT_ICONS[featured.categorySlug] || CAT_ICONS['default'];\n var featColor = CAT_COLORS[featured.categorySlug] || '#1B4DFF';\n var featBg = featured.image\n ? 'background-image:url(' + featured.image + '); background-size:cover; background-position:center;'\n : '';\n\n html += '<a href=\"' + featured.link + '\" class=\"news-featured fade-in visible\">';\n html += '<div class=\"news-featured-visual\" style=\"' + featBg + '\">';\n if (!featured.image) html += featIcon;\n html += '<\/div>';\n html += '<div class=\"news-featured-content\">';\n html += '<div class=\"news-card-cat\" style=\"color:' + featColor + '\">' + featured.category + '<\/div>';\n html += '<h3>' + featured.title + '<\/h3>';\n html += '<p>' + featured.description + '<\/p>';\n html += '<div class=\"news-link\">Read more →<\/div>';\n html += '<\/div><\/a>';\n\n for (var i = 1; i < posts.length; i++) {\n var post = posts[i];\n var color = CAT_COLORS[post.categorySlug] || '#1B4DFF';\n\n html += '<a href=\"' + post.link + '\" class=\"news-card fade-in visible\">';\n html += '<div class=\"news-card-content\">';\n html += '<div class=\"news-card-cat\" style=\"color:' + color + '\">' + post.category + '<\/div>';\n html += '<h4>' + post.title + '<\/h4>';\n html += '<p>' + post.description + '<\/p>';\n html += '<div class=\"news-card-date\">' + post.date + '<\/div>';\n html += '<\/div><\/a>';\n }\n\n grid.innerHTML = html;\n grid.style.display = 'grid';\n loading.style.display = 'none';\n error.style.display = 'none';\n }\n\n async function loadCategory(slug) {\n catButtons.forEach(function(btn) { btn.classList.remove('active'); });\n var activeBtn = document.querySelector('[data-category=\"' + slug + '\"]');\n if (activeBtn) activeBtn.classList.add('active');\n\n grid.classList.add('fading');\n\n try {\n var posts = await fetchPosts(slug);\n setTimeout(function() {\n renderPosts(posts);\n grid.classList.remove('fading');\n }, 200);\n } catch (err) {\n console.error('Failed to load posts:', err);\n grid.style.display = 'none';\n loading.style.display = 'none';\n error.style.display = 'block';\n grid.classList.remove('fading');\n }\n }\n\n catButtons.forEach(function(btn) {\n btn.addEventListener('click', function() {\n loadCategory(btn.dataset.category);\n });\n });\n\n function decodeHTML(html) {\n var txt = document.createElement('textarea');\n txt.innerHTML = html;\n return txt.value;\n }\n\n function stripHTML(html) {\n var tmp = document.createElement('div');\n tmp.innerHTML = html;\n return tmp.textContent || tmp.innerText || '';\n }\n\n function formatDate(dateStr) {\n try {\n var d = new Date(dateStr);\n return d.toLocaleDateString('en-US', { year: 'numeric', month: 'long', day: 'numeric' });\n } catch(e) {\n return dateStr;\n }\n }\n\n \/\/ Initial load\n loadCategory('all');\n\n})();\n<\/script>\n\n<\/body>\n","protected":false},"excerpt":{"rendered":"<p>TUN \u2014 The University Network Helping 13 million students every month TUN helpsstudents achieve Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free. 🤖 Try TUN AI — Your Personal Assistant 🎓 Search Scholarships 13M+ Monthly Users 20+ AI Models 600K Newsletter Subs […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"sales-pages","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-647","page","type-page","status-publish","hentry"],"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Magic","author_link":"https:\/\/www.tun.com\/home\/author\/magic\/"},"uagb_comment_info":0,"uagb_excerpt":"TUN \u2014 The University Network Helping 13 million students every month TUN helpsstudents achieve Scholarships, AI-powered guidance, free courses, internships, student discounts, and the research shaping your future — all in one place, all free. 🤖 Try TUN AI — Your Personal Assistant 🎓 Search Scholarships 13M+ Monthly Users 20+ AI Models 600K Newsletter Subs…","_links":{"self":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/comments?post=647"}],"version-history":[{"count":389,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":34985,"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/pages\/647\/revisions\/34985"}],"wp:attachment":[{"href":"https:\/\/www.tun.com\/home\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}