@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--primary: #4f46e5;--secondary: #6366f1;--accent: #9333ea;--bg-light: #f9fafb;--card-light: rgba(255, 255, 255, .7);--text-light: #111827;--muted-light: #6b7280;--bg-dark: #0f172a;--card-dark: rgba(30, 41, 59, .6);--text-dark: #f1f5f9;--muted-dark: #94a3b8}*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,sans-serif}html{scroll-behavior:smooth}body{overflow-x:hidden;line-height:1.6}body.light{background:var(--bg-light);color:var(--text-light)}body.dark{background:var(--bg-dark);color:var(--text-dark)}h1{font-size:clamp(28px,5vw,64px)}h2{font-size:clamp(22px,4vw,40px)}h3{font-size:clamp(18px,3vw,24px)}h1,h2,h3{font-weight:700}.section{padding:100px 8%}.glass{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;transition:.35s ease}body.light .glass{background:var(--card-light);box-shadow:0 10px 30px #0000000d}body.dark .glass{background:var(--card-dark);box-shadow:0 10px 30px #0000004d}.glass:hover{transform:translateY(-6px);box-shadow:0 20px 40px #6366f140}.btn-primary{padding:12px 26px;background:linear-gradient(135deg,var(--primary),var(--secondary));border:none;border-radius:12px;color:#fff;cursor:pointer;font-weight:600;transition:.3s ease}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 20px #6366f166}.btn-small{padding:8px 16px;font-size:14px}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(40px)}to{transform:translateY(0)}}.loop-container{overflow:hidden;white-space:nowrap;position:relative}.loop-track{display:inline-block;animation:scrollLoop 25s linear infinite}@keyframes scrollLoop{0%{transform:translate(0)}to{transform:translate(-50%)}}.loop-reverse{animation:scrollReverse 20s linear infinite}@keyframes scrollReverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.desktop-nav{display:flex}.mobile-menu-btn{display:none;align-items:center}@media(max-width:900px){.desktop-nav{display:none!important}.mobile-menu-btn{display:flex!important}}.pagination-btn{padding:10px 16px;border-radius:10px;cursor:pointer;transition:.3s ease;font-weight:500}body.light .pagination-btn{border:1px solid rgba(0,0,0,.1);color:var(--text-light)}body.dark .pagination-btn{border:1px solid rgba(255,255,255,.15);color:var(--text-dark)}.pagination-btn:hover{background:#6366f11a}.active-page{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;box-shadow:0 5px 15px #6366f166}.blog-thumbnail{height:160px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6)}.blog-hero{text-align:center;max-width:900px;margin:0 auto 40px}.blog-hero h1{font-size:46px;line-height:1.3;margin-top:20px}.blog-category{background:#6366f11a;color:#6366f1;padding:6px 16px;border-radius:30px;font-size:13px;font-weight:600}.blog-meta{opacity:.6;margin-top:10px}.blog-image-wrapper{height:450px;border-radius:24px;overflow:hidden;margin-bottom:80px}.blog-image-wrapper img{width:100%;height:100%;object-fit:cover}.blog-container{display:grid;grid-template-columns:2.2fr 1fr;gap:60px}.blog-content{font-size:18px;line-height:1.9}.blog-content h2{margin-top:50px;font-size:28px}.blog-content ul{margin-top:15px;padding-left:20px}.blog-sidebar{position:relative;height:auto;margin-top:30px}.author-box{margin-top:120px;padding:40px;border-radius:20px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;text-align:center}.related-section{margin-top:120px}.related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-top:40px}.related-card{border-radius:18px;overflow:hidden;cursor:pointer;transition:.3s ease}body.light .related-card{background:var(--card-light);box-shadow:0 5px 20px #0000000d}body.dark .related-card{background:var(--card-dark);box-shadow:0 5px 20px #0006}.related-card:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0000001f}.related-image{height:180px;overflow:hidden}.related-image img{width:100%;height:100%;object-fit:cover;transition:.4s ease}.related-card:hover img{transform:scale(1.05)}.related-content{padding:20px}.related-category{font-size:12px;font-weight:600;color:#6366f1;text-transform:uppercase}.related-content h4{margin-top:8px;font-size:18px}.related-content p{margin-top:6px;font-size:14px;opacity:.7}.faq-box{margin-top:20px;padding:20px;border-radius:14px;background:#6366f114;border-left:4px solid #6366f1;transition:.3s}.faq-box:hover{background:#6366f126;transform:translateY(-3px)}.faq-box h4{margin-bottom:8px}body.light blockquote{background:#6366f10d}body.dark blockquote{background:#6366f126}@media(max-width:1024px){.section{padding:60px 6%!important}}@media(max-width:768px){.section{padding:40px 6%!important}.grid{grid-template-columns:1fr!important;gap:20px}.glass{padding:20px!important}button{width:100%}input,textarea,select{width:100%;font-size:16px}}@media(max-width:480px){.section{padding:40px 5%!important}}@media(max-width:600px){.pagination-btn{min-width:36px;height:36px;font-size:13px}.btn-small{font-size:13px;padding:8px 14px}}.fade-in{animation:fadeIn .35s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.blog-section{margin-top:50px}.blog-section p{margin-top:12px;opacity:.9}.blog-section ul{margin-top:15px;padding-left:20px}.blog-section li{margin-bottom:6px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.loader-container{height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px}.loader{width:50px;height:50px;border:4px solid rgba(99,102,241,.2);border-top:4px solid #6366f1;border-radius:50%;animation:spin .9s linear infinite}.loader-text{font-size:14px;opacity:.7}@keyframes spin{to{transform:rotate(360deg)}}.ai-btn{display:flex;align-items:center;justify-content:center;gap:10px}.btn-loader{width:16px;height:16px;border:2px solid rgba(255,255,255,.4);border-top:2px solid white;border-radius:50%;animation:spin .7s linear infinite}.theme-toggle{position:relative;width:60px;height:30px}.theme-toggle input{display:none}.theme-toggle label{width:60px;height:30px;background:#e5e7eb;border-radius:999px;cursor:pointer;display:block;position:relative;transition:.3s}body.dark .theme-toggle label{background:#1f2937}.toggle-circle{width:24px;height:24px;background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;display:flex;align-items:center;justify-content:center;transition:.3s}vg{width:14px;position:absolute}.sun{color:#ffd600}.moon{opacity:0}.theme-toggle input:checked+label .toggle-circle{left:33px}.theme-toggle input:checked+label .sun{opacity:0}.theme-toggle input:checked+label .moon{opacity:1;color:#fff}@media(max-width:600px){nav{padding:12px 16px!important}nav img{width:45px!important;height:45px!important}nav span{font-size:14px!important}nav>div:first-child{gap:6px!important}}@media(max-width:600px){nav span{white-space:nowrap}}.scroll-hint button{animation:bounce 1.5s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.job-filter{padding:14px;border-radius:14px;border:1px solid rgba(0,0,0,.08);font-size:14px;cursor:pointer;background:transparent;box-shadow:0 4px 12px #0000000d}body.dark .job-filter{background:#1e293b99;color:var(--text-dark);border:1px solid rgba(255,255,255,.15)}.resource-link{padding:8px 14px;border-radius:30px;text-decoration:none;font-size:13px;font-weight:500;border:1px solid rgba(99,102,241,.35);color:var(--primary);transition:.25s ease}.resource-link:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;transform:translateY(-2px)}body.dark .resource-link{border:1px solid rgba(255,255,255,.2);color:#a5b4fc}body.dark .resource-link:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}@media(max-width:768px){.blog-container{display:flex;flex-direction:column}.blog-content{width:100%}.blog-sidebar{width:100%;margin-top:30px}}.theme-btn{position:relative;width:110px;height:45px;border-radius:50px;border:none;cursor:pointer;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden;transition:all .4s ease}.theme-btn:hover{transform:scale(1.05);box-shadow:0 0 18px #6366f180}.theme-btn:active{transform:scale(.95)}.icon{font-size:18px;transition:all .5s ease}.mode-text{font-size:14px;font-weight:600;transition:all .4s ease}.light-text{opacity:1;transform:translate(0)}.dark-text{position:absolute;opacity:0;transform:translate(20px)}body.dark .light-text{opacity:0;transform:translate(-20px)}body.dark .dark-text{opacity:1;transform:translate(0)}.sun{opacity:1;transform:rotate(0)}.moon{position:absolute;opacity:0;transform:rotate(180deg)}body.dark .sun{opacity:0;transform:rotate(-180deg)}body.dark .moon{opacity:1;transform:rotate(0)}body.light .theme-btn{background:#0000000d;color:#111}body.dark .theme-btn{background:#ffffff14;color:#fff}.mobile-theme-btn{width:100%;height:42px;border-radius:12px;justify-content:center;gap:10px;font-size:14px}.mobile-theme-btn .icon{font-size:16px}.mobile-theme-btn .mode-text{font-size:13px}.theme-btn{display:flex!important;align-items:center;justify-content:center;gap:8px}.theme-btn .icon,.theme-btn .mode-text{position:static!important}.theme-btn .moon,.theme-btn .dark-text,body.dark .theme-btn .sun,body.dark .theme-btn .light-text{display:none}body.dark .theme-btn .moon,body.dark .theme-btn .dark-text{display:inline}@keyframes pulse{0%{transform:scale(1);opacity:.6}70%{transform:scale(1.2);opacity:0}to{transform:scale(1);opacity:0}}.subject-row input{flex:2;min-width:0}.subject-row select{flex:1}@media(max-width:600px){.subject-row{flex-direction:column}.subject-row input,.subject-row select{width:100%}}
