.articles-section{padding:100px 20px;background:#0b0f1a;color:#eef2ff;min-height:auto}.articles-container{max-width:1200px;margin:0 auto;padding:0 20px}.articles-title{text-align:center;font-weight:800;font-size:36px;margin-bottom:40px;background:linear-gradient(90deg,#ff7ce5,#ffd166,#7ee7ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;letter-spacing:.6px}.articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px}.article-card{position:relative;background:linear-gradient(180deg,#ffffff08,#ffffff03);border-radius:16px;overflow:hidden;transition:transform .35s cubic-bezier(.2,.9,.3,1),box-shadow .35s ease;will-change:transform;box-shadow:0 8px 24px #02061799,inset 0 1px #ffffff05;animation:breathShadow 6s ease-in-out infinite;display:flex;flex-direction:column}.img-wrap{width:100%;overflow:hidden;flex:0 0 auto}.article-img{display:block;width:100%;height:220px;object-fit:cover;transform-origin:center center;transition:transform .7s cubic-bezier(.2,.9,.3,1),filter .4s ease}.article-content{padding:24px;flex:1 1 auto;display:flex;flex-direction:column}.article-title{margin:0 0 12px;font-size:18px;line-height:1.22;font-weight:700;background:linear-gradient(90deg,#8ec5ff,#e0c3fc,#ffd166);-webkit-background-clip:text;-webkit-text-fill-color:transparent;color:transparent;text-shadow:0 6px 18px rgba(0,0,0,.6)}.article-desc{margin:6px 0 0;color:#cbd5e1;font-size:15px;line-height:1.7;letter-spacing:.2px;flex:1 1 auto;overflow:auto;max-height:340px;padding-right:4px}.article-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:0 22px 50px #1e5aff1f,0 10px 30px #0000008c,0 0 40px #8e79ff14}.article-card:hover .article-img{transform:scale(1.06);filter:saturate(1.05) contrast(1.03)}.article-card:after{content:"";position:absolute;inset:0;border-radius:16px;padding:2px;background:linear-gradient(120deg,#8ec5ff0f,#e6a0ff0f,#ffd9660f);pointer-events:none;mix-blend-mode:screen;opacity:.7}@keyframes breathShadow{0%{box-shadow:0 6px 18px #0206178c,inset 0 1px #ffffff05}50%{box-shadow:0 14px 40px #1e5aff14,inset 0 1px #ffffff08}to{box-shadow:0 6px 18px #0206178c,inset 0 1px #ffffff05}}@media (max-width: 680px){.article-img{height:180px}.articles-title{font-size:22px}.articles-section{padding:60px 14px}.article-content{padding:18px}}*{font-family:"Press Start 2P",cursive}.professors-section{padding:50px 20px;background:#f8f9fa;color:#222}.professors-container{max-width:1100px;margin:0 auto;text-align:center}.professors-title{font-size:2.5rem;font-weight:700;margin-bottom:40px}.professors-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}.prof-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 10px #0000001a;transition:transform .25s ease,box-shadow .25s ease}.prof-card:hover{transform:translateY(-8px);box-shadow:0 10px 20px #0003}.prof-img{width:100%;height:200px;object-fit:cover}.prof-content{padding:20px;text-align:left}.prof-content h3{margin:0 0 10px;font-size:1.3rem;color:#333}.prof-date{font-size:.9rem;color:#777;margin-bottom:12px}.professors-section{padding:150px 20px;background:#f8f9fa;color:#222;min-height:100vh}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg: #0d1117;--text: #f5f5f5;--muted: #9ca3af;--surface: #161b22}html.light{--bg: #ffffff;--text: #111827;--muted: #374151;--surface: #f3f4f6}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto;background:var(--bg);color:var(--text);scroll-behavior:smooth}header,footer,section{padding:40px 20px}nav a{margin-left:15px;color:var(--text);text-decoration:none}nav a:hover{text-decoration:underline}.card{background:var(--surface);padding:16px;border-radius:8px;margin-bottom:20px}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(-45deg,#1e3a8a,#9333ea,#f59e0b,#ef4444);background-size:400% 400%;animation:gradientMove 3s ease infinite;z-index:-1}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}