:root{--color-primary:#1e40af;--color-primary-dark:#1e3a8a;--color-primary-light:#dbeafe;--color-secondary:#6d28d9;--color-secondary-light:#ede9fe;--color-accent:#06b6d4;--color-accent-light:#cffafe;--color-green:#059669;--color-green-light:#d1fae5;--color-orange:#ea580c;--color-orange-light:#ffedd5;--color-pink:#db2777;--color-pink-light:#fce7f3;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-bg-tertiary:#f1f5f9;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-heading:"Playfair Display",Georgia,"Times New Roman",serif;--max-width:1200px;--radius-sm:6px;--radius:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--shadow-glow-blue:0 0 24px rgba(30,64,175,.15);--shadow-glow-purple:0 0 24px rgba(109,40,217,.15);--transition:200ms cubic-bezier(0.4,0,0.2,1);--transition-slow:350ms cubic-bezier(0.4,0,0.2,1)}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-12px) rotate(1deg)}66%{transform:translateY(6px) rotate(-1deg)}}@keyframes pulseGlow{0%,to{opacity:.4}50%{opacity:.8}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes cardReveal{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnterHeader{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes contentReveal{0%{opacity:0}30%{opacity:0}to{opacity:1}}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}ol,ul{list-style:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea{font-family:inherit;font-size:inherit}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.15;color:var(--color-text);letter-spacing:-.015em}h1{font-size:2.75rem}h2{font-size:2.25rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1.125rem}h1 strong,h2 strong,h3 strong{font-weight:800;font-style:italic}p{margin-bottom:1.25rem;line-height:1.8}a{color:var(--color-primary);transition:color .2s ease}a:hover{color:var(--color-primary-dark)}.container{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.section{padding:4rem 0}.section-title{font-family:var(--font-heading);font-size:1.875rem;margin-bottom:.5rem;text-align:center}.section-subtitle{color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto 3rem;font-size:1.125rem}.section-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem}.section-header .section-title{text-align:left;margin-bottom:.25rem}.section-header .section-subtitle{text-align:left;margin:0}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));grid-gap:2rem;gap:2rem}.page-wrapper{animation:pageEnter .5s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.page-wrapper>.header{animation:pageEnterHeader .4s cubic-bezier(.16,1,.3,1) both}.page-wrapper>.main{animation:contentReveal .3s ease-out both}.page-wrapper>.footer{animation:contentReveal .4s ease-out .1s both}.header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:hsla(0,0%,100%,.75);border-bottom:1px solid rgba(226,232,240,.6);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:all var(--transition-slow);box-shadow:0 4px 6px -1px rgba(0,0,0,.03)}.header-scrolled{background:hsla(0,0%,100%,.85);box-shadow:0 10px 15px -3px rgba(0,0,0,.05);border-bottom-color:var(--color-border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;height:64px;transition:height var(--transition-slow)}.header-scrolled .header-inner{height:56px}.header-logo{font-family:var(--font-heading);font-size:1.375rem;font-weight:700;color:var(--color-text);letter-spacing:-.02em;display:flex;align-items:center;gap:.5rem}.header-logo-icon{font-size:.75rem}.header-logo-icon,.header-logo:hover{color:var(--color-primary)}.header-nav{display:flex;align-items:center;gap:.25rem}.header-nav-link{padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);border-radius:var(--radius);transition:all .2s ease}.header-nav-link:hover{color:var(--color-text);background:var(--color-bg-tertiary)}.header-nav-link--active{color:var(--color-primary);background:var(--color-primary-light)}.header-menu-btn{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;z-index:10}.hamburger-line{display:block;width:22px;height:2px;background:var(--color-text);border-radius:2px;transition:all var(--transition);transform-origin:center}.header-menu-btn--open .hamburger-line:first-child{transform:translateY(7px) rotate(45deg)}.header-menu-btn--open .hamburger-line:nth-child(2){opacity:0;transform:scaleX(0)}.header-menu-btn--open .hamburger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.footer{background:var(--color-text);color:#cbd5e1;padding:4rem 0 0;margin-top:4rem}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:0 1.5rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:3rem;gap:3rem;padding-bottom:3rem}.footer-heading{font-family:var(--font-heading);color:#fff;font-size:1rem;font-weight:600;margin-bottom:1.25rem;letter-spacing:.02em}.footer-text{color:#94a3b8;font-size:.875rem;line-height:1.7}.footer-links{display:flex;flex-direction:column;gap:.75rem}.footer-link{color:#94a3b8;font-size:.875rem;transition:color .2s ease}.footer-link:hover{color:#fff}.footer-bottom{border-top:1px solid #334155;padding:1.5rem 0;text-align:center;font-size:.8125rem;color:#64748b}.hero{padding:5rem 0 4rem;position:relative;overflow:hidden;isolation:isolate}.hero:before{inset:0;z-index:-2;background:linear-gradient(135deg,#f8fafc,#e0e7ff 25%,#ede9fe 50%,#fce7f3 75%,#cffafe);background-size:400% 400%;animation:gradientShift 15s ease infinite}.hero:after,.hero:before{content:"";position:absolute}.hero:after{top:-50%;left:-25%;width:80%;height:80%;z-index:-1;background:radial-gradient(ellipse,rgba(37,99,235,.08) 0,transparent 70%);animation:float 18s ease-in-out infinite}.hero-glow-1,.hero-glow-2,.hero-glow-3{position:absolute;border-radius:50%;z-index:-1;filter:blur(80px);pointer-events:none}.hero-glow-1{top:-10%;right:-5%;width:40%;height:60%;background:rgba(124,58,237,.12);animation:float 16s ease-in-out infinite}.hero-glow-2{bottom:-15%;left:-5%;width:50%;height:50%;background:rgba(37,99,235,.1);animation:float 20s ease-in-out infinite reverse}.hero-glow-3{top:20%;left:40%;width:30%;height:30%;background:rgba(6,182,212,.08);animation:pulseGlow 4s ease-in-out infinite}.hero-content{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:1;animation:fadeInUp .8s ease-out}.hero-badge{display:inline-flex;align-items:center;gap:.375rem;padding:.375rem 1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));color:#fff;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);margin-bottom:1.5rem;letter-spacing:.01em;box-shadow:0 2px 8px rgba(37,99,235,.25)}.hero-badge:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(37,99,235,.35)}.hero-title{font-family:var(--font-heading);font-size:3.5rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;margin-bottom:1.25rem;color:var(--color-text);background:linear-gradient(135deg,var(--color-text) 0,var(--color-primary-dark) 50%,var(--color-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.1875rem;color:var(--color-text-secondary);line-height:1.7;margin-bottom:2rem;max-width:580px;margin-left:auto;margin-right:auto;animation:fadeInUp .8s ease-out .15s both}.hero-actions{display:flex;gap:1rem;animation:fadeInUp .8s ease-out .3s both}.btn,.hero-actions{justify-content:center}.btn{display:inline-flex;align-items:center;padding:.75rem 1.75rem;font-size:.9375rem;font-weight:600;border-radius:var(--radius);transition:all .2s ease;line-height:1}.btn-primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));color:#fff;overflow:hidden}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--color-primary-dark),var(--color-secondary));opacity:0;transition:opacity var(--transition);border-radius:inherit}.btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,99,235,.35)}.btn-primary:hover:before{opacity:1}.btn-primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(37,99,235,.25)}.btn-primary{position:relative;z-index:1}.btn-outline{border:2px solid var(--color-border);color:var(--color-text);background:transparent;position:relative;overflow:hidden}.btn-outline:before{content:"";position:absolute;inset:0;background:var(--color-primary);opacity:0;transition:opacity var(--transition);border-radius:inherit}.btn-outline:hover{border-color:var(--color-primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 12px rgba(37,99,235,.2)}.btn-outline:hover:before{opacity:1}.btn-text{color:var(--color-primary);padding:.5rem 0;font-weight:600;position:relative;display:inline-flex;align-items:center;gap:.375rem}.btn-text:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-primary);transition:width var(--transition);border-radius:1px}.btn-text:hover{color:var(--color-primary-dark);gap:.5rem}.btn-text:hover:after{width:100%}.section-featured{background:var(--color-bg)}.featured-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));grid-gap:2rem;gap:2rem}.section-categories{background:var(--color-bg-secondary)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.5rem;gap:1.5rem}.category-card{display:flex;flex-direction:column;padding:2.25rem;border-radius:var(--radius-xl);background:var(--color-bg);position:relative;overflow:hidden;isolation:isolate;transition:all var(--transition-slow);box-shadow:var(--shadow);border:1px solid var(--color-border-light)}.category-card:before{inset:0;border-radius:inherit}.category-card:after,.category-card:before{content:"";position:absolute;z-index:-1;opacity:0;transition:opacity var(--transition-slow)}.category-card:after{top:-50%;right:-50%;width:100%;height:100%;border-radius:50%}.category-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow-blue);border-color:var(--color-primary-light)}.category-card:hover:after{opacity:.08}.category-card-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;margin-bottom:.75rem;color:var(--color-text);transition:color var(--transition)}.category-card-description{font-size:.875rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:1.5rem;flex:1 1}.category-card-link{font-size:.875rem;font-weight:600;display:inline-flex;align-items:center;gap:.375rem;transition:gap var(--transition);position:relative;width:-moz-fit-content;width:fit-content}.category-card-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;border-radius:1px;transition:width var(--transition)}.category-card:hover .category-card-link{gap:.625rem}.category-card:hover .category-card-link:after{width:100%}.category-card-online-courses:before{background:linear-gradient(135deg,var(--color-primary-light),var(--color-bg) 60%)}.category-card-online-courses:hover{border-color:var(--color-primary-light)}.category-card-online-courses .category-card-link{color:var(--color-primary)}.category-card-online-courses .category-card-link:after{background:var(--color-primary)}.category-card-online-courses:hover:before{opacity:1}.category-card-certifications:before{background:linear-gradient(135deg,var(--color-secondary-light),var(--color-bg) 60%)}.category-card-certifications:hover{border-color:var(--color-secondary-light)}.category-card-certifications .category-card-link{color:var(--color-secondary)}.category-card-certifications .category-card-link:after{background:var(--color-secondary)}.category-card-certifications:hover:before{opacity:1}.category-card-career-learning:before{background:linear-gradient(135deg,var(--color-green-light),var(--color-bg) 60%)}.category-card-career-learning:hover{border-color:var(--color-green-light)}.category-card-career-learning .category-card-link{color:var(--color-green)}.category-card-career-learning .category-card-link:after{background:var(--color-green)}.category-card-career-learning:hover:before{opacity:1}.category-card-study-skills:before{background:linear-gradient(135deg,var(--color-orange-light),var(--color-bg) 60%)}.category-card-study-skills:hover{border-color:var(--color-orange-light)}.category-card-study-skills .category-card-link{color:var(--color-orange)}.category-card-study-skills .category-card-link:after{background:var(--color-orange)}.category-card-study-skills:hover:before{opacity:1}.category-card-ai-for-students:before{background:linear-gradient(135deg,var(--color-pink-light),var(--color-bg) 60%)}.category-card-ai-for-students:hover{border-color:var(--color-pink-light)}.category-card-ai-for-students .category-card-link{color:var(--color-pink)}.category-card-ai-for-students .category-card-link:after{background:var(--color-pink)}.category-card-ai-for-students:hover:before{opacity:1}.category-card-remote-learning:before{background:linear-gradient(135deg,var(--color-accent-light),var(--color-bg) 60%)}.category-card-remote-learning:hover{border-color:var(--color-accent-light)}.category-card-remote-learning .category-card-link{color:var(--color-accent)}.category-card-remote-learning .category-card-link:after{background:var(--color-accent)}.category-card-remote-learning:hover:before{opacity:1}.category-card-worth-it-reviews:before{background:linear-gradient(135deg,#fef3c7,var(--color-bg) 60%)}.category-card-worth-it-reviews:hover{border-color:#fde68a}.category-card-worth-it-reviews .category-card-link{color:#d97706}.category-card-worth-it-reviews .category-card-link:after{background:#d97706}.category-card-worth-it-reviews:hover:before{opacity:1}.category-card-career-guides:before{background:linear-gradient(135deg,#e0e7ff,var(--color-bg) 60%)}.category-card-career-guides:hover{border-color:#c7d2fe}.category-card-career-guides .category-card-link{color:#6366f1}.category-card-career-guides .category-card-link:after{background:#6366f1}.category-card-career-guides:hover:before{opacity:1}.category-card-seo-guides:before{background:linear-gradient(135deg,var(--color-green-light),var(--color-bg) 60%)}.category-card-seo-guides:hover{border-color:var(--color-green-light)}.category-card-seo-guides .category-card-link{color:var(--color-green)}.category-card-seo-guides .category-card-link:after{background:var(--color-green)}.category-card-seo-guides:hover:before{opacity:1}.article-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:1.75rem;display:flex;flex-direction:column;position:relative;transition:all var(--transition-slow);box-shadow:var(--shadow-sm);animation:cardReveal .6s cubic-bezier(.16,1,.3,1) forwards;opacity:0}.article-card:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(135deg,transparent 40%,var(--color-primary-light) 100%);opacity:0;transition:opacity var(--transition-slow);z-index:-1}.article-card:first-child{animation-delay:0s}.article-card:nth-child(2){animation-delay:.06s}.article-card:nth-child(3){animation-delay:.12s}.article-card:nth-child(4){animation-delay:.18s}.article-card:nth-child(5){animation-delay:.24s}.article-card:nth-child(6){animation-delay:.3s}.article-card:nth-child(n+7){animation-delay:calc(.3s + (n - 7) * .04s)}.article-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-xl),var(--shadow-glow-blue);border-color:var(--color-primary-light)}.article-card:hover:before{opacity:1}.article-card-category-badge{display:inline-flex;align-items:center;align-self:flex-start;padding:.25rem .875rem;font-size:.6875rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border-radius:var(--radius-full);margin-bottom:1rem;transition:all var(--transition)}.article-card-title{font-family:var(--font-heading);font-size:1.2rem;font-weight:700;line-height:1.35;margin-bottom:.75rem}.article-card-title a{color:var(--color-text);transition:color var(--transition);text-decoration:none}.article-card-title a:hover{color:var(--color-primary)}.article-card-excerpt{font-size:.875rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:1.25rem;flex:1 1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.article-card-meta{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--color-text-muted);margin-bottom:.875rem;padding-top:.875rem;border-top:1px solid var(--color-border-light)}.article-card-meta time{display:flex;align-items:center;gap:.25rem}.article-card-meta time:before{content:"";display:inline-block;width:14px;height:14px;background:var(--color-text-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain}.article-card-meta span:last-child{display:flex;align-items:center;gap:.25rem}.article-card-meta span:last-child:before{content:"";display:inline-block;width:14px;height:14px;background:var(--color-text-muted);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;mask-size:contain;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E") no-repeat center;-webkit-mask-size:contain}.article-card-separator{color:var(--color-border)}.article-card-tags{display:flex;flex-wrap:wrap;gap:.375rem}.article-card-tag{padding:.2rem .625rem;font-size:.6875rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border-light);transition:all var(--transition)}.article-card-tag:hover{color:var(--color-primary);border-color:var(--color-primary-light);background:var(--color-primary-light)}.category-nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.category-pill{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition);position:relative;overflow:hidden}.category-pill:before{content:"";position:absolute;inset:0;border-radius:inherit;opacity:0;transition:opacity var(--transition)}.category-pill:hover{color:var(--color-primary);border-color:var(--color-primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.category-pill-active{color:#fff;background:var(--color-primary);border-color:var(--color-primary);box-shadow:0 2px 8px rgba(37,99,235,.25)}.category-pill-active:hover{color:#fff;background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,64,175,.35)}.article-page{padding:2.5rem 0;background:var(--color-bg)}.article-layout{display:grid;grid-template-columns:1fr 300px;grid-gap:3rem;gap:3rem;margin-top:2rem}.article-main{min-width:0}.article-header{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border-light)}.article-header-top,.article-title{margin-bottom:1rem}.article-title{font-family:var(--font-heading);font-size:2.25rem;font-weight:800;letter-spacing:-.02em;line-height:1.2}.article-meta{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;color:var(--color-text-secondary)}.article-meta-separator{color:var(--color-border)}.article-tags{display:flex;align-items:flex-start;gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border-light)}.article-tags-label{font-size:.875rem;font-weight:600;color:var(--color-text);white-space:nowrap;padding-top:.25rem}.article-tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.article-author{display:flex;gap:1rem;margin-top:2.5rem;padding:1.5rem;background:var(--color-bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-light)}.article-author-avatar{width:48px;height:48px;border-radius:50%;background:var(--color-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;flex-shrink:0}.article-author-name{font-family:var(--font-heading);font-weight:600;font-size:.9375rem;margin-bottom:.25rem}.article-author-bio{font-size:.8125rem;color:var(--color-text-secondary);margin:0;line-height:1.6}.article-sidebar{display:flex;flex-direction:column;gap:1.5rem}.sidebar-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:1.5rem}.sidebar-card-title{font-family:var(--font-heading);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:1rem}.sidebar-card-text{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6;margin-top:.75rem;margin-bottom:0}.sidebar-share{display:flex;flex-direction:column;gap:.5rem}.sidebar-share-link{padding:.5rem .75rem;font-size:.875rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border-radius:var(--radius);border:1px solid var(--color-border-light);transition:all .2s ease}.sidebar-share-link:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;font-size:.8125rem}.breadcrumb-link{color:var(--color-text-muted);font-weight:500;transition:color .2s ease}.breadcrumb-link:hover{color:var(--color-primary)}.breadcrumb-separator{color:var(--color-border);font-size:.8125rem}.breadcrumb-current{color:var(--color-text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.section-newsletter{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,var(--color-primary-dark) 0,var(--color-secondary) 100%)}.section-newsletter:before{content:"";position:absolute;inset:-50%;z-index:-1;background:radial-gradient(ellipse at 20% 50%,hsla(0,0%,100%,.06) 0,transparent 50%),radial-gradient(ellipse at 80% 50%,hsla(0,0%,100%,.04) 0,transparent 50%);animation:gradientShift 20s ease infinite;background-size:200% 200%}.newsletter{max-width:640px;margin:0 auto;text-align:center}.newsletter-content{margin-bottom:2rem}.newsletter-title{font-family:var(--font-heading);font-size:1.75rem;font-weight:700;color:#fff;margin-bottom:.75rem}.newsletter-text{font-size:1.0625rem;color:hsla(0,0%,100%,.85);line-height:1.6;margin:0}.newsletter-form{display:flex;flex-direction:column;align-items:center;gap:.75rem}.newsletter-input-group{display:flex;width:100%;max-width:480px;gap:.75rem}.newsletter-input{flex:1 1;padding:.875rem 1.25rem;font-size:.9375rem;border:2px solid hsla(0,0%,100%,.2);border-radius:var(--radius);background:hsla(0,0%,100%,.1);color:#fff;outline:none;transition:border-color .2s ease,background .2s ease}.newsletter-input::placeholder{color:hsla(0,0%,100%,.5)}.newsletter-input:focus{border-color:hsla(0,0%,100%,.6);background:hsla(0,0%,100%,.15)}.newsletter-btn{background:#fff;color:var(--color-primary);flex-shrink:0}.newsletter-btn:hover{background:#f1f5f9;color:var(--color-primary-dark);box-shadow:0 4px 12px rgba(0,0,0,.15)}.newsletter-disclaimer{font-size:.75rem;color:hsla(0,0%,100%,.5);margin:0}.category-hero,.related-articles{background:var(--color-bg-secondary)}.category-hero{padding:3rem 0 1rem}.category-hero-content{text-align:center;padding:2rem 0}.category-hero-title{font-family:var(--font-heading);font-size:2.5rem;font-weight:800;margin:1rem 0 .75rem;letter-spacing:-.02em}.category-hero-description{font-size:1.125rem;color:var(--color-text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.category-article-count{font-size:.9375rem;color:var(--color-text-muted);margin-top:1rem}.badge{display:inline-block;padding:.25rem .875rem;font-size:.8125rem;font-weight:600;border-radius:var(--radius-full);transition:all .2s ease}.badge-lg{padding:.375rem 1rem;font-size:.875rem}.badge-online-courses{background:var(--color-primary-light);color:var(--color-primary)}.badge-online-courses:hover{background:var(--color-primary);color:#fff}.badge-certifications{background:var(--color-secondary-light);color:var(--color-secondary)}.badge-certifications:hover{background:var(--color-secondary);color:#fff}.badge-career-learning{background:var(--color-green-light);color:var(--color-green)}.badge-career-learning:hover{background:var(--color-green);color:#fff}.badge-study-skills{background:var(--color-orange-light);color:var(--color-orange)}.badge-study-skills:hover{background:var(--color-orange);color:#fff}.badge-ai-for-students{background:var(--color-pink-light);color:var(--color-pink)}.badge-ai-for-students:hover{background:var(--color-pink);color:#fff}.badge-remote-learning{background:var(--color-accent-light);color:var(--color-accent)}.badge-remote-learning:hover{background:var(--color-accent);color:#fff}.badge-worth-it-reviews{background:#fef3c7;color:#d97706}.badge-worth-it-reviews:hover{background:#d97706;color:#fff}.badge-career-guides{background:#e0e7ff;color:#6366f1}.badge-career-guides:hover{background:#6366f1;color:#fff}.badge-seo-guides{background:var(--color-green-light);color:var(--color-green)}.badge-seo-guides:hover{background:var(--color-green);color:#fff}.tag{display:inline-block;padding:.25rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-text-secondary);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all .2s ease}.tag:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-light)}.empty-state{padding:4rem 2rem;max-width:480px}.empty-state h1,.empty-state h2{font-size:1.5rem;margin-bottom:.75rem}.empty-state p{margin-bottom:1.5rem;font-size:1rem}.prose{font-size:1.0625rem;line-height:1.8;color:var(--color-text)}.prose h2{font-size:1.5rem;font-weight:700;margin-top:2.5rem;margin-bottom:1rem;letter-spacing:-.01em}.prose h2,.prose h3{font-family:var(--font-heading)}.prose h3{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.75rem}.prose h4{font-family:var(--font-heading);font-size:1.125rem;font-weight:600;margin-top:1.5rem;margin-bottom:.5rem}.prose p{margin-bottom:1.25rem;line-height:1.8}.prose a{color:var(--color-primary);text-decoration:underline;text-underline-offset:2px}.prose a:hover{color:var(--color-primary-dark)}.prose ol,.prose ul{margin-bottom:1.5rem;padding-left:1.5rem}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li{margin-bottom:.5rem;line-height:1.7}.prose li strong{color:var(--color-text)}.prose blockquote{border-left:4px solid var(--color-primary-light);padding:.75rem 1.25rem;margin:1.5rem 0;background:var(--color-bg-secondary);border-radius:0 var(--radius) var(--radius) 0;font-style:italic;color:var(--color-text-secondary)}.prose blockquote p{margin-bottom:0}.prose code{font-family:SF Mono,Fira Code,monospace;font-size:.875em;padding:.2em .4em;background:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-pink)}.prose pre{background:var(--color-text);color:#e2e8f0;padding:1.25rem;border-radius:var(--radius);overflow-x:auto;margin:1.5rem 0;font-size:.875rem;line-height:1.6}.prose pre code{background:none;color:inherit;padding:0;font-size:inherit}.prose table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.9375rem}.prose th{background:var(--color-bg-tertiary);font-weight:600;text-align:left}.prose td,.prose th{padding:.75rem 1rem;border:1px solid var(--color-border)}.prose tr:nth-child(2n) td{background:var(--color-bg-secondary)}.prose img{border-radius:var(--radius);margin:1.5rem auto}.prose hr{border:none;border-top:1px solid var(--color-border);margin:2rem 0}.prose strong{font-weight:700}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100%;left:1rem;z-index:1000;padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;font-size:.875rem;font-weight:600;border-radius:var(--radius);transition:top .2s ease}.skip-link:focus{top:1rem}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:var(--radius-sm)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.reveal-delay-6{transition-delay:.6s}.reveal-scale{opacity:0;transform:scale(.92);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-scale.visible{opacity:1;transform:scale(1)}.reveal-left{opacity:0;transform:translateX(-30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-left.visible{opacity:1;transform:translateX(0)}.reveal-right{opacity:0;transform:translateX(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal-right.visible{opacity:1;transform:translateX(0)}.section-gradient-1{position:relative;isolation:isolate}.section-gradient-1:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 0,var(--color-bg-secondary) 50%,transparent 100%)}.section-gradient-2{position:relative;isolation:isolate}.section-gradient-2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1;background:linear-gradient(135deg,var(--color-primary-light) 0,transparent 40%,transparent 60%,var(--color-secondary-light) 100%);opacity:.5}.section-divider{position:relative}.section-divider:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--color-primary-light),var(--color-primary),var(--color-primary-light));border-radius:2px;opacity:.6}.section-bg-animated{position:relative;isolation:isolate;overflow:hidden}.section-bg-animated:before{content:"";position:absolute;inset:-50%;z-index:-1;background:radial-gradient(ellipse at 30% 50%,rgba(37,99,235,.03) 0,transparent 50%),radial-gradient(ellipse at 70% 50%,rgba(124,58,237,.03) 0,transparent 50%);animation:gradientShift 15s ease infinite;background-size:200% 200%}@media (max-width:1024px){.hero-title{font-size:2.5rem}.category-grid,.footer-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{gap:2rem}.article-layout{grid-template-columns:1fr}.article-sidebar{display:grid;grid-template-columns:1fr 1fr}}@media (max-width:639px){.hero{padding:3rem 0 2.5rem}.hero-title{font-size:1.875rem}.hero-subtitle{font-size:1rem}.hero-actions{flex-direction:column;align-items:center;gap:.75rem}.section{padding:2.5rem 0}.section-title{font-size:1.5rem}.section-subtitle{font-size:1rem;margin-bottom:2rem}.section-header{flex-direction:column;align-items:flex-start;gap:1rem}.article-grid,.category-grid,.featured-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:2rem}.article-title{font-size:1.625rem}.category-hero-title{font-size:1.75rem}.header-nav,.newsletter-input-group{flex-direction:column}.header-nav{display:none;position:absolute;top:64px;left:0;right:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:1rem;gap:.25rem;box-shadow:0 8px 24px rgba(0,0,0,.08)}.header-nav--open{display:flex}.header-nav-link{padding:.75rem 1rem;width:100%}.header-menu-btn{display:flex}.article-sidebar{grid-template-columns:1fr}.breadcrumb{font-size:.75rem}.breadcrumb-current{max-width:180px}.prose{font-size:1rem}.prose h2{font-size:1.375rem}.prose h3{font-size:1.125rem}.prose table{font-size:.8125rem}.prose td,.prose th{padding:.5rem .625rem}.article-author{flex-direction:column;align-items:flex-start}}@media print{.article-sidebar,.category-nav,.footer,.header,.header-menu-btn,.hero-actions,.newsletter,.related-articles,.skip-link{display:none!important}body{font-size:12pt;color:#000;background:#fff}.container{max-width:100%;padding:0}.article-page{padding:0}.article-title{font-size:24pt;line-height:1.2}.prose{font-size:11pt;line-height:1.6}.prose a{color:#000;text-decoration:underline}.prose a[href^=http]:after{content:" (" attr(href) ")";font-size:9pt;color:#555}.breadcrumb{font-size:9pt;color:#555}.badge{border:1px solid #ccc;color:#000!important;background:#f5f5f5!important}.article-author{border-top:1px solid #ccc;padding-top:1rem;margin-top:2rem}.section{padding:1rem 0}@page{margin:2cm}}.empty-state{text-align:center;padding:5rem 1.5rem;max-width:520px;margin:0 auto}.empty-state h1,.empty-state h2{font-family:var(--font-heading);margin-bottom:1rem}.empty-state p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.7;margin-bottom:2rem}.error-code{display:block;font-family:var(--font-heading);font-size:6rem;font-weight:800;line-height:1;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary),var(--color-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.newsletter-coming-soon{font-size:1.1rem;color:var(--color-text-secondary);text-align:center;padding:1.5rem 2rem;background:var(--color-bg-tertiary);border-radius:var(--radius-lg);border:1px dashed var(--color-border);margin-top:1.5rem}