@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);body{background:#f8fafc;color:#222;font-family:Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif}code{font-family:JetBrains Mono,Fira Mono,Menlo,Monaco,Consolas,Courier New,monospace}body{-moz-osx-font-smoothing:grayscale;font-family:Inter}.slider-modern-container{overflow:hidden;width:100%}.carousel-bg-modern{align-items:center;background-position:50%;background-size:cover;display:flex;height:90vh;justify-content:center;position:relative}.slider-overlay-content{background-color:#0006;border-radius:12px;color:#fff;margin:0 auto;max-width:700px;padding:2rem;text-align:center;width:100%}.slider-title{font-size:2.8rem;font-weight:700;margin-bottom:1rem}.slider-subtitle{font-size:1.3rem;font-weight:400;margin-bottom:2rem}.modern-search-form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.modern-input{border:1px solid #ccc;border-radius:8px;font-size:1rem;max-width:90%;padding:.8rem 1rem;width:220px}.modern-search-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.8rem 1.4rem;transition:all .3s ease}.modern-search-btn:hover{background-color:#0056b3}@media screen and (max-width:600px){.carousel-indicators{top:30rem}}@media screen and (max-width:768px){.slider-subtitle,.slider-title{font-size:1rem}.modern-input{width:90%}.modern-search-form{align-items:center;flex-direction:column}}.premium-jobcard-container{background:linear-gradient(135deg,#f8fafc,#e0f2fe 25%,#e8eaf6 75%,#f3e8ff);margin:0 auto;max-width:1400px;min-height:calc(100vh - 200px);padding:2rem 1rem;position:relative}.premium-jobcard-container:before{animation:float 8s ease-in-out infinite;background:radial-gradient(circle,#3b82f614 0,#0000 70%);height:400px;left:5%;top:15%;width:400px}.premium-jobcard-container:after,.premium-jobcard-container:before{border-radius:50%;content:"";pointer-events:none;position:fixed;z-index:0}.premium-jobcard-container:after{animation:float 10s ease-in-out infinite reverse;background:radial-gradient(circle,#8b5cf614 0,#0000 70%);bottom:15%;height:350px;right:5%;width:350px}@keyframes float{0%,to{transform:translateY(0) scale(1) rotate(0deg)}50%{transform:translateY(-30px) scale(1.1) rotate(5deg)}}.premium-header{margin:1rem 0 3rem;padding:0 1rem;position:relative;text-align:center;z-index:2}.premium-badge{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #3b82f640;border-radius:50px;box-shadow:0 4px 15px #3b82f626;color:#3b82f6;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-bottom:1.5rem;padding:10px 20px;transition:all .3s ease}.premium-badge:hover{box-shadow:0 8px 25px #3b82f633;transform:translateY(-2px)}.premium-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#3b82f6 30%,#8b5cf6 70%,#ec4899);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.1;margin-bottom:1rem}.premium-subtitle{color:#64748b;font-size:1.25rem;font-weight:500;line-height:1.6;margin:0 auto 2rem;max-width:650px}.job-stats-banner{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;margin-bottom:2rem;position:relative;z-index:2}.stat-item{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffb3;border:1px solid #ffffff4d;border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;flex-direction:column;min-width:120px;padding:1rem 1.5rem;transition:all .3s ease}.stat-item:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-3px)}.stat-number{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.stat-label{color:#64748b;font-size:.875rem;font-weight:500;text-align:center}.premium-jobcard-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin-bottom:3rem;position:relative;z-index:2}.premium-jobcard{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffd9;border:1px solid #fff6;border-radius:24px;box-shadow:0 8px 32px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transform:translateZ(0);transition:all .5s cubic-bezier(.4,0,.2,1)}.premium-jobcard:before{background:linear-gradient(90deg,#3b82f6,#8b5cf6,#ec4899,#f59e0b);content:"";height:4px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .4s ease}.premium-jobcard:hover:before{opacity:1}.premium-jobcard:hover{background:#ffffffe6;border-color:#3b82f666;box-shadow:0 25px 50px #00000026;transform:translateY(-15px) scale(1.02)}.premium-jobcard.featured{background:#ffffffe6;border:2px solid #3b82f680;box-shadow:0 8px 32px #3b82f633}.premium-jobcard.featured:before{opacity:.7}.premium-jobcard.featured:hover{border-color:#3b82f6b3;box-shadow:0 25px 50px #3b82f640}.premium-jobcard-header{align-items:flex-start;display:flex;gap:1.25rem;padding:2rem 2rem 1rem;position:relative}.premium-jobcard-company-logo{border:3px solid #ffffffe6;border-radius:18px;box-shadow:0 6px 20px #0000001f;flex-shrink:0;height:75px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:75px}.premium-jobcard:hover .premium-jobcard-company-logo{box-shadow:0 8px 25px #0000002e;transform:scale(1.15) rotate(2deg)}.premium-jobcard-company-logo:after{background:linear-gradient(135deg,#10b981,#059669);border:3px solid #fff;border-radius:50%;bottom:-3px;box-shadow:0 2px 8px #10b98166;content:"";height:18px;position:absolute;right:-3px;width:18px}.premium-jobcard-company-logo img{height:100%;object-fit:contain;transition:transform .4s ease;width:100%}.premium-jobcard:hover .premium-jobcard-company-logo img{transform:scale(1.1)}.premium-jobcard-title-section{flex:1 1;min-width:0}.premium-jobcard-role{color:#1e293b;font-size:1.35rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;transition:all .3s ease}.premium-jobcard:hover .premium-jobcard-role{color:#3b82f6;transform:translateX(5px)}.premium-jobcard-company{color:#64748b;display:block;font-size:1rem;font-weight:600;transition:color .3s ease}.premium-jobcard:hover .premium-jobcard-company{color:#475569}.premium-badge-container{align-items:flex-end;display:flex;flex-direction:column;gap:.5rem;position:absolute;right:1.5rem;top:1.5rem;z-index:3}.featured-badge{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(135deg,#3b82f6,#8b5cf6);box-shadow:0 4px 12px #3b82f666}.featured-badge,.urgent-badge{align-items:center;border-radius:25px;color:#fff;display:flex;font-size:.75rem;font-weight:700;gap:6px;padding:6px 14px}.urgent-badge{animation:pulse-urgent 2s infinite;background:linear-gradient(135deg,#ef4444,#f97316);box-shadow:0 4px 12px #ef444466}@keyframes pulse-urgent{0%,to{opacity:1;transform:scale(1)}50%{opacity:.9;transform:scale(1.05)}}.premium-jobcard-details{display:flex;flex-direction:column;gap:1.25rem;padding:0 2rem 1.5rem}.premium-jobcard-tag{align-items:center;background:none;border-radius:0;color:#475569;display:flex;font-size:.95rem;gap:1.25rem;padding:0;transition:all .3s ease}.premium-jobcard:hover .premium-jobcard-tag{color:#334155;transform:translateX(5px)}.tag-icon{align-items:center;border-radius:14px;box-shadow:0 2px 8px #00000014;display:flex;height:44px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:44px}.tag-icon.building{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#3b82f6}.tag-icon.location{background:linear-gradient(135deg,#dcfce7,#bbf7d0);color:#059669}.tag-icon.wallet{background:linear-gradient(135deg,#fce7f3,#f3e8ff);color:#7c3aed}.premium-jobcard:hover .tag-icon{box-shadow:0 6px 20px #00000026;transform:scale(1.15) rotate(5deg)}.tag-icon.building:hover{box-shadow:0 6px 20px #3b82f64d}.tag-icon.location:hover{box-shadow:0 6px 20px #0596694d}.tag-icon.wallet:hover{box-shadow:0 6px 20px #7c3aed4d}.tag-text{flex:1 1;font-weight:600}.tag-text.salary{color:#1e293b;font-size:1rem;font-weight:800}.premium-jobcard-footer{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f8fafc99;border-top:1px solid #e2e8f099;display:flex;justify-content:space-between;margin-top:auto;padding:1.5rem 2rem 2rem}.premium-jobcard-date{align-items:center;color:#64748b;display:flex;font-size:.9rem;font-weight:600;gap:.75rem}.premium-jobcard-actions{align-items:center;display:flex;gap:1rem}.premium-jobcard-view-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border:none;border-radius:14px;box-shadow:0 6px 20px #3b82f64d;color:#fff;display:flex;font-size:.95rem;font-weight:700;gap:.75rem;padding:.875rem 1.75rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-jobcard-view-btn:hover{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 12px 30px #3b82f666;color:#fff;text-decoration:none;transform:translateY(-3px)}.premium-jobcard-share-btn{align-items:center;background:#f8fafce6;border:1px solid #e2e8f0cc;border-radius:14px;color:#64748b;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);width:48px}.premium-jobcard-share-btn:hover{background:#f8fafc;border-color:#3b82f6;box-shadow:0 8px 20px #3b82f640;color:#3b82f6;transform:translateY(-3px) rotate(10deg)}.premium-pagination{align-items:center;display:flex;gap:1rem;justify-content:center;list-style:none;margin:4rem 0 2rem;padding:0;position:relative;z-index:2}.premium-pagination li{display:flex}.premium-pagination-link{align-items:center;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffffd9;border:1px solid #e2e8f0cc;border-radius:14px;box-shadow:0 4px 15px #00000014;color:#475569;display:flex;font-size:.95rem;font-weight:700;height:48px;justify-content:center;min-width:48px;padding:0 1.25rem;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.premium-pagination-link:hover{background:#fffffff2;border-color:#3b82f6;box-shadow:0 8px 25px #3b82f640;color:#3b82f6;text-decoration:none;transform:translateY(-3px)}.premium-pagination-link--active{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-color:#0000;box-shadow:0 6px 20px #3b82f666;color:#fff}.premium-pagination-link--active:hover{color:#fff;transform:translateY(-3px) scale(1.05)}.premium-pagination-link--disabled{opacity:.4;pointer-events:none}.pagination-text{font-size:.9rem}.loading-container{min-height:500px;position:relative;z-index:2}.loading-spinner{animation:spin 1.2s linear infinite;border:5px solid #3b82f633;border-radius:50%;border-top-color:#3b82f6;height:70px;position:relative;width:70px}.loading-spinner:after{animation:spin 2s linear infinite reverse;border:3px solid #0000;border-radius:50%;border-right-color:#8b5cf6;content:"";inset:10px;position:absolute}.result-not-found-container{flex-direction:column;min-height:500px;padding:2rem;position:relative;text-align:center;z-index:2}.not-found-icon,.result-not-found-container{align-items:center;display:flex;justify-content:center}.not-found-icon{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);border-radius:50%;box-shadow:0 8px 25px #0000001a;color:#64748b;height:100px;margin-bottom:2rem;width:100px}.not-found-title{color:#1e293b;font-size:2rem;font-weight:800;margin-bottom:.75rem}.not-found-subtitle{color:#64748b;font-size:1.125rem;font-weight:500}.no-jobs-message{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#fffc;border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 8px 32px #00000014;color:#64748b;font-size:1.25rem;font-weight:600;grid-column:1/-1;padding:4rem 2rem;text-align:center}@media (max-width:1200px){.premium-jobcard-grid{gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.job-stats-banner{gap:1rem}.stat-item{min-width:100px;padding:.75rem 1rem}}@media (max-width:768px){.premium-jobcard-container{padding:1rem .75rem}.premium-jobcard-grid{gap:1.5rem;grid-template-columns:1fr}.premium-jobcard-header{padding:1.5rem 1.5rem 1rem}.premium-jobcard-details{padding:0 1.5rem 1.25rem}.premium-jobcard-footer{align-items:stretch;flex-direction:column;gap:1.25rem;padding:1.25rem 1.5rem 1.5rem}.premium-jobcard-actions{justify-content:space-between;width:100%}.premium-jobcard-view-btn{flex:1 1;justify-content:center;margin-right:1rem}.premium-title{font-size:2.5rem}.premium-subtitle{font-size:1.125rem}.job-stats-banner{gap:.75rem}.stat-item{min-width:80px;padding:.5rem .75rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.75rem}}@media (max-width:480px){.premium-jobcard-container:after,.premium-jobcard-container:before{display:none}.premium-jobcard-header{align-items:center;flex-direction:column;gap:1rem;text-align:center}.premium-jobcard-company-logo{height:65px;width:65px}.premium-badge-container{align-items:center;flex-direction:row;justify-content:center;margin-bottom:1rem;position:relative;right:auto;top:auto}.premium-pagination{-ms-overflow-style:none;gap:.5rem;overflow-x:auto;padding:0 1rem;scrollbar-width:none}.premium-pagination::-webkit-scrollbar{display:none}.premium-pagination-link{font-size:.875rem;height:44px;min-width:44px}.pagination-text{display:none}.job-stats-banner{justify-content:space-around}}.modern-contact-container{background:linear-gradient(135deg,#f4f7fa,#fff);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.modern-contact-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014;max-width:600px;padding:40px;transition:all .3s ease-in-out;width:100%}.modern-contact-card:hover{box-shadow:0 18px 35px #0000001a;transform:translateY(-3px)}.modern-contact-title{color:#222;font-size:32px;font-weight:700;margin-bottom:10px}.modern-contact-desc{color:#555;font-size:16px;margin-bottom:10px}.modern-contact-email{font-size:14px;margin-bottom:25px}.modern-contact-link{color:#007bff;text-decoration:underline}.modern-contact-form{gap:20px}.modern-contact-field,.modern-contact-form{display:flex;flex-direction:column}.modern-contact-field label{color:#333;font-size:14px;font-weight:600;margin-bottom:6px}.modern-contact-field input,.modern-contact-field textarea{border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 14px;transition:border .3s,box-shadow .3s}.modern-contact-field input:focus,.modern-contact-field textarea:focus{border-color:#007bff;box-shadow:0 0 0 3px #007bff1a;outline:none}.modern-contact-btn{background:linear-gradient(90deg,#007bff,#0056b3);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:background .3s}.modern-contact-btn:hover{background:linear-gradient(90deg,#0056b3,#003a80)}.modern-contact-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:6px;color:#155724;font-weight:500;margin-bottom:15px;padding:10px 15px}@media screen and (max-width:576px){.modern-contact-card{padding:25px}.modern-contact-title{font-size:26px}}.modern-about-container{background:linear-gradient(135deg,#f4f7fa,#fff);display:flex;justify-content:center;min-height:100vh;padding:60px 20px}.modern-about-card{background:#fff;border-radius:16px;box-shadow:0 12px 30px #00000014;color:#333;font-family:Montserrat,Poppins;line-height:1.7;margin:0 auto;max-width:800px;padding:40px;transition:all .3s ease-in-out;width:100%}.modern-about-card:hover{box-shadow:0 18px 35px #0000001a;transform:translateY(-3px)}.modern-about-title{color:#222;font-size:32px;font-weight:700;margin-bottom:10px}.modern-about-highlight{color:#007bff}.modern-about-lead{color:#444;font-size:20px;font-weight:600;margin-bottom:24px}.modern-about-list-section{margin-top:24px}.modern-about-subtitle{color:#222;font-size:22px;font-weight:600;margin-bottom:12px}.modern-about-list{color:#555;list-style:disc;padding-left:24px}.modern-about-list li{font-size:15.5px;margin-bottom:8px}.modern-about-values{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin:30px 0}.modern-about-value-title{color:#007bff;display:block;font-size:16px;font-weight:700;margin-bottom:5px}.modern-about-value-desc{color:#555;font-size:14.5px}.modern-about-link{border-bottom:1px solid #0000;color:#007bff;text-decoration:none;transition:all .25s}.modern-about-link:hover{border-bottom:1px solid #007bff;color:#0056b3}@media (max-width:768px){.modern-about-card{padding:25px}.modern-about-title{font-size:28px}.modern-about-lead{font-size:18px}.modern-about-values{grid-template-columns:1fr}}.modern-updates-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e0e7ef);display:flex;justify-content:center;min-height:80vh;padding:2.5rem 1rem 2rem}.modern-updates-card{align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #007bff12;display:flex;flex-direction:column;max-width:700px;padding:2.5rem 2.2rem 2rem;width:100%}.modern-updates-title{color:#007bff;font-size:2.2rem;font-weight:800;letter-spacing:1px;margin-bottom:.3rem;text-align:center;width:100%}.modern-updates-date{color:#888;font-size:1rem;margin-bottom:1.2rem;text-align:center;width:100%}.modern-updates-lead{color:#333;font-size:1.08rem;line-height:1.7;margin-bottom:1.1rem;text-align:center;width:100%}.modern-updates-highlight{color:#2563eb;font-weight:700}.modern-updates-list{list-style:none;margin:0 0 1.2rem;padding:0;width:100%}.modern-updates-list-item{background:#f8fafc;border-radius:12px;box-shadow:0 2px 8px #007bff0a;margin-bottom:1.3rem;padding:1.3rem 1.2rem 1.1rem}.modern-updates-list-title{color:#007bff;font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.modern-updates-links{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:.7rem}.modern-updates-link{color:#007bff;font-weight:600;text-decoration:underline;transition:color .2s}.modern-updates-link:hover{color:#2563eb}.modern-updates-feature-list{color:#444;font-size:1.05rem;list-style:disc inside;margin-top:.7rem;padding-left:1.2rem}.modern-updates-footer{color:#555;font-size:1.08rem;margin-top:2rem;text-align:center;width:100%}@media (max-width:700px){.modern-updates-card{max-width:98vw;padding:1.2rem .7rem 1rem}.modern-updates-title{font-size:1.3rem}.modern-updates-list-title{font-size:1rem}.modern-updates-footer,.modern-updates-lead{font-size:.97rem}.modern-updates-list-item{padding:.9rem .6rem .7rem}}.modern-privacy-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e0e7ef);display:flex;justify-content:center;min-height:80vh;padding:2.5rem 1rem 2rem}.modern-privacy-card{align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #007bff12;display:flex;flex-direction:column;max-width:800px;padding:2.5rem 2.2rem 2rem;width:100%}.modern-privacy-title{color:#007bff;font-size:2.2rem;font-weight:800;letter-spacing:1px;margin-bottom:.3rem;text-align:center;width:100%}.modern-privacy-date{color:#888;font-size:1rem;margin-bottom:1.2rem;text-align:center;width:100%}.modern-privacy-highlight{color:#2563eb;font-weight:700}.modern-privacy-link{color:#007bff;font-weight:500;text-decoration:underline;transition:color .2s;word-break:break-all}.modern-privacy-link:hover{color:#2563eb}.modern-privacy-section-title{color:#007bff;font-size:1.15rem;font-weight:700;margin:1.5rem 0 .7rem}.modern-privacy-subsection-title{color:#2563eb;font-size:1.05rem;font-weight:600;margin:1.1rem 0 .5rem}.modern-privacy-list{color:#444;font-size:1.05rem;list-style:disc inside;margin-bottom:.7rem;padding-left:1.2rem}.modern-privacy-card p{color:#333;font-size:1.08rem;line-height:1.7;margin-bottom:1.1rem}@media (max-width:900px){.modern-privacy-card{max-width:98vw;padding:1.2rem .7rem 1rem}.modern-privacy-title{font-size:1.3rem}.modern-privacy-section-title{font-size:1rem}.modern-privacy-card p,.modern-privacy-list{font-size:.97rem}}.modern-terms-container{align-items:flex-start;background:linear-gradient(135deg,#f8fafc,#e0e7ef);display:flex;justify-content:center;min-height:80vh;padding:2.5rem 1rem 2rem}.modern-terms-card{align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #007bff12;display:flex;flex-direction:column;max-width:800px;padding:2.5rem 2.2rem 2rem;width:100%}.modern-terms-title{color:#007bff;font-size:2.2rem;font-weight:800;letter-spacing:1px;margin-bottom:.3rem;text-align:center;width:100%}.modern-terms-date{color:#888;font-size:1rem;margin-bottom:1.2rem;text-align:center;width:100%}.modern-terms-highlight{color:#2563eb;font-weight:700}.modern-terms-link{color:#007bff;font-weight:500;text-decoration:underline;transition:color .2s;word-break:break-all}.modern-terms-link:hover{color:#2563eb}.modern-terms-section-title{color:#007bff;font-size:1.15rem;font-weight:700;margin:1.5rem 0 .7rem}.modern-terms-list{color:#444;font-size:1.05rem;list-style:disc inside;margin-bottom:.7rem;padding-left:1.2rem}.modern-terms-card p{color:#333;font-size:1.08rem;line-height:1.7;margin-bottom:1.1rem}@media (max-width:900px){.modern-terms-card{max-width:98vw;padding:1.2rem .7rem 1rem}.modern-terms-title{font-size:1.3rem}.modern-terms-section-title{font-size:1rem}.modern-terms-card p,.modern-terms-list{font-size:.97rem}}.modern-jobsbyroles-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ef);display:flex;flex-direction:column;min-height:80vh;padding:2.5rem 1rem 2rem}.modern-jobsbyroles-title{color:#007bff;font-weight:800;letter-spacing:1px}.modern-jobsbyroles-list{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:2rem;max-width:1200px;width:100%}.modern-jobsbyroles-card-link{color:inherit;text-decoration:none}.modern-jobsbyroles-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #007bff12;cursor:pointer;min-height:340px;transition:box-shadow .2s,transform .2s}.modern-jobsbyroles-card:hover{box-shadow:0 8px 32px #007bff21;transform:translateY(-4px) scale(1.01)}.modern-jobsbyroles-img{background:#f8fafc;border-bottom:1px solid #e0e7ef;height:160px;width:100%}.modern-jobsbyroles-card-body{gap:.7rem;padding:1.2rem 1.2rem 1rem}.modern-jobsbyroles-role{color:#007bff;font-size:1.1rem;font-weight:700;margin-bottom:.3rem;text-align:center}.modern-jobsbyroles-meta{color:#444;flex-wrap:wrap;font-size:1.05rem;gap:1.2rem;justify-content:center;margin-bottom:.7rem}.modern-jobsbyroles-actions{gap:1rem;justify-content:center;margin-top:auto}.modern-jobsbyroles-apply{background:#007bff;border:none;border-radius:22px;box-shadow:0 2px 8px #007bff17;cursor:pointer;font-size:1.05rem;font-weight:600;outline:none;padding:.6rem 1.5rem;transition:background .2s}.modern-jobsbyroles-apply:focus,.modern-jobsbyroles-apply:hover{background:#0056b3}.modern-jobsbyroles-share{align-items:center;background:#f1f7ff;border-radius:22px;color:#007bff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;gap:.5rem;padding:.6rem 1.1rem;transition:background .2s,color .2s}.modern-jobsbyroles-share:focus,.modern-jobsbyroles-share:hover{background:#007bff;color:#fff}.modern-jobsbyroles-empty{color:#888;font-size:1.2rem;grid-column:1/-1;margin:2rem 0}@media (max-width:900px){.modern-jobsbyroles-list{gap:1rem;grid-template-columns:1fr}.modern-jobsbyroles-title{font-size:1.3rem}}@media (max-width:600px){.modern-jobsbyroles-card-body{padding:.8rem .7rem .7rem}.modern-jobsbyroles-img{height:110px}.modern-jobsbyroles-role{font-size:1rem}.modern-jobsbyroles-meta{font-size:.97rem;gap:.5rem}.modern-jobsbyroles-apply,.modern-jobsbyroles-share{font-size:.97rem;padding:.5rem 1rem}}.modern-notfound-container{align-items:center;background-color:#f9fafb;background-color:var(--bg-color,#f9fafb);display:flex;justify-content:center;min-height:80vh;padding:2rem;text-align:center}.modern-notfound-card{animation:fadeIn .4s ease-in-out;background-color:#fff;background-color:var(--card-bg,#fff);border-radius:12px;box-shadow:0 6px 24px #0000000f;max-width:500px;padding:3rem 2rem;width:100%}.modern-notfound-title{color:#ef4444;font-size:5rem;font-weight:700;margin-bottom:.5rem}.modern-notfound-subtitle{color:#111827;font-size:1.5rem;font-weight:600;margin-bottom:1rem}.modern-notfound-message{color:#6b7280;font-size:1rem;margin-bottom:2rem}.modern-notfound-btn{background-color:#2563eb;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .3s ease}.modern-notfound-btn:hover{background-color:#1d4ed8}:root{--primary-color:#2f80ed;--secondary-color:#f2f6fc;--text-color:#333;--light-gray:#f9f9f9;--shadow:0 2px 8px #0000000f;--radius:10px}body{background-color:#fff;color:#333;color:var(--text-color);font-family:Montserrat,Segoe UI,Roboto;margin:0;padding:0}.modern-jobdetail-layout{display:flex;flex-direction:row;gap:2rem;padding:2rem 5%}a{text-decoration:none}@media screen and (max-width:768px){.modern-jobdetail-layout{flex-direction:column;padding:1rem}}.modern-jobdetail-card{background:#fff;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow);flex:2 1;overflow:hidden;padding:2rem}.modern-jobdetail-img-wrap{display:flex;justify-content:center;margin-bottom:1.5rem;width:100%}.modern-jobdetail-img{border-radius:10px;border-radius:var(--radius);height:100px;object-fit:contain;width:100px}.modern-jobdetail-title{font-size:1.75rem;font-weight:700;margin-bottom:1rem}.modern-jobdetail-meta{color:#666;display:flex;flex-wrap:wrap;font-size:.95rem;gap:1rem;margin-bottom:1rem}.modern-jobdetail-meta span{align-items:center;display:flex;gap:.5rem}.modern-jobdetail-role{font-size:1rem;margin:1rem 0}.modern-jobdetail-section{margin-top:1.5rem}.modern-jobdetail-section strong{display:block;font-size:1.1rem;margin-bottom:.75rem}.modern-jobdetail-section ul{margin:0;padding-left:1.2rem}.modern-jobdetail-section li{line-height:1.5;margin-bottom:.5rem}.modern-jobdetail-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}.modern-jobdetail-apply,.modern-jobdetail-share{border:none;border-radius:10px;border-radius:var(--radius);cursor:pointer;flex:1 1;font-weight:700;padding:.75rem 1rem;text-align:center;transition:all .3s ease}.modern-jobdetail-apply{background-color:#2f80ed;background-color:var(--primary-color);color:#fff}.modern-jobdetail-apply:hover{background-color:#1a61d3}.modern-jobdetail-share{background-color:#ececec;color:#333}.modern-jobdetail-share:hover{background-color:#ddd}.modern-joblist-sidebar{background:#fff;border-radius:10px;border-radius:var(--radius);box-shadow:0 2px 8px #0000000f;box-shadow:var(--shadow);flex:1 1;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:1.5rem}.modern-joblist-title{font-size:1.25rem;font-weight:700;margin-bottom:1rem}.modern-joblist-list{list-style:none;margin:0;padding:0}.modern-joblist-item{margin-bottom:1rem}.modern-joblist-card{align-items:center;background-color:#f9f9f9;background-color:var(--light-gray);border-radius:10px;border-radius:var(--radius);display:flex;gap:1rem;padding:.75rem;transition:all .3s ease}.modern-joblist-card:hover{background-color:#e6f0ff}.modern-joblist-img{height:50px;object-fit:contain;width:50px}.modern-joblist-role{font-size:.95rem;font-weight:600}.modern-joblist-meta{color:#555;display:flex;flex-wrap:wrap;font-size:.8rem;gap:.5rem}.modern-pagination{display:flex;gap:.5rem;justify-content:center;list-style:none;margin-top:2rem}.modern-pagination li a{border:1px solid #ddd;border-radius:6px;color:#333;padding:.5rem .9rem;transition:all .2s ease}.modern-pagination-link--active a{background:#6366f1;border-color:#6366f1;color:#fff}.modern-pagination li a:hover{background:#e0e7ff}@media screen and (max-width:768px){.modern-jobdetail-actions{flex-direction:column}.modern-jobdetail-apply,.modern-jobdetail-share{width:100%}.modern-jobdetail-actions{background:#fff;border-top:1px solid #e0e0e0;bottom:0;box-shadow:0 -2px 10px #00000014;left:0;padding:1rem;position:fixed;right:0;z-index:999}}.modern-loading-container{align-items:center;background:linear-gradient(135deg,#f9fafb,#e2e8f0);color:#1e293b;display:flex;flex-direction:column;font-family:Segoe UI,Roboto,sans-serif;height:80vh;justify-content:center;transition:background .3s ease}.modern-spinner{animation:spin 1s linear infinite;border:4px solid #0000001a;border-radius:50%;border-top-color:#3b82f6;height:50px;margin-bottom:16px;width:50px}.modern-loading-text{color:#334155;font-size:1.125rem;font-weight:500;opacity:.9}*{font-family:Inter,sans-serif}.modern-admin-sidebar{background:linear-gradient(180deg,#fff,#fbfdff);border-radius:12px;box-shadow:0 12px 40px #0f172a0f;color:#0f1724;display:flex;flex-direction:column;gap:12px;height:calc(100vh - 24px);min-width:260px;padding:14px;position:-webkit-sticky;position:sticky;top:12px;transition:width .22s ease,transform .22s ease;width:260px}.modern-admin-sidebar.collapsed{min-width:72px;padding:12px 8px;width:72px}.modern-admin-sidebar .sidebar-top{align-items:center;display:flex;gap:10px}.sidebar-collapse-btn{background:#0000;border:none;border-radius:8px;color:#475569;cursor:pointer;padding:8px}.sidebar-collapse-btn:hover{background:#4f46e50f;color:#4f46e5;color:var(--primary-color,#4f46e5)}.sidebar-brand{color:inherit;gap:10px;text-decoration:none}.brand-mark,.sidebar-brand{align-items:center;display:flex}.brand-mark{background:linear-gradient(135deg,#4f46e5,#06b6d4);border-radius:10px;color:#fff;font-size:1rem;font-weight:800;height:40px;justify-content:center;width:40px}.brand-text{font-size:.98rem;font-weight:700;letter-spacing:.2px}.sidebar-nav{flex:1 1;overflow:auto;padding-top:6px}.sidebar-nav ul{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.sidebar-nav .sidebar-link,.sidebar-nav .sidebar-toggle{align-items:center;background:#0000;border:none;border-radius:10px;color:#0f1724;cursor:pointer;display:flex;font-weight:600;gap:12px;padding:10px 12px;text-decoration:none;transition:background .18s ease,transform .12s ease}.sidebar-nav .sidebar-link svg,.sidebar-nav .sidebar-toggle svg{color:#475569}.sidebar-nav .sidebar-link:hover,.sidebar-nav .sidebar-toggle:hover{background:linear-gradient(90deg,#4f46e50f,#06b6d408);color:#4f46e5;color:var(--primary-color,#4f46e5);transform:translateY(-2px)}.sidebar-nav li.active>.sidebar-link{background:linear-gradient(90deg,#4f46e514,#06b6d40a);box-shadow:0 6px 18px #4f46e50f;color:#4f46e5;color:var(--primary-color,#4f46e5)}.sidebar-sub{display:flex;flex-direction:column;gap:4px;margin-top:6px;padding-left:44px}.sidebar-sub li a{border-radius:8px;color:#475569;display:inline-block;font-weight:600;padding:8px 10px;text-decoration:none}.sidebar-sub li a:hover{background:#f8fafc;color:#4f46e5;color:var(--primary-color,#4f46e5)}.sidebar-footer{border-top:1px solid #f1f5f9;gap:12px;justify-content:space-between;padding-top:6px}.profile,.sidebar-footer{align-items:center;display:flex}.profile{gap:10px}.profile-avatar{border-radius:10px;height:44px;object-fit:cover;width:44px}.profile-meta{display:flex;flex-direction:column;gap:4px}.profile-name{font-weight:700}.profile-role{color:#64748b;font-size:12px}.logout-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#ef4444;cursor:pointer;display:flex;font-weight:700;gap:8px;padding:8px 10px}.logout-btn:hover{background:#ef44440f}.modern-admin-sidebar.collapsed .brand-text,.modern-admin-sidebar.collapsed .profile-meta,.modern-admin-sidebar.collapsed .sidebar-nav .sidebar-link span,.modern-admin-sidebar.collapsed .sidebar-nav .sidebar-sub{display:none}.modern-admin-sidebar.collapsed .sidebar-link{justify-content:center;padding:10px}.chev{margin-left:auto;transition:transform .18s ease}.chev.open{transform:rotate(180deg)}.sidebar-nav::-webkit-scrollbar{width:8px}.sidebar-nav::-webkit-scrollbar-thumb{background:#0f172a0f;border-radius:8px}@media (max-width:880px){.modern-admin-sidebar{height:calc(100vh - 24px);left:12px;position:fixed;top:12px;z-index:80}.modern-admin-sidebar.collapsed{min-width:64px;width:64px}}.modern-jobadd-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;margin:40px auto;max-width:900px;padding:40px}.modern-jobadd-title{color:#2d2d2d;font-size:28px;font-weight:600;margin-bottom:30px;text-align:center}.modern-jobadd-form{display:flex;flex-direction:column;gap:20px}.modern-jobadd-row{display:flex;flex-wrap:wrap;gap:20px}.modern-jobadd-field{display:flex;flex:1 1;flex-direction:column}.modern-jobadd-field label{color:#333;font-weight:500;margin-bottom:6px}.modern-jobadd-field input,.modern-jobadd-field select,.modern-jobadd-field textarea{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:14px;padding:10px 14px;transition:border-color .3s ease}.modern-jobadd-field input:focus,.modern-jobadd-field select:focus,.modern-jobadd-field textarea:focus{background-color:#fff;border-color:#0070f3;outline:none}.modern-jobadd-field textarea{resize:vertical}.modern-jobadd-btn{background-color:#0070f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:500;margin-top:16px;padding:12px 18px;transition:background-color .3s ease}.modern-jobadd-btn:disabled{background-color:#a0aec0;cursor:not-allowed}.modern-jobadd-btn:hover:not(:disabled){background-color:#005dc1}.modern-jobadd-message{color:#0070f3;font-weight:500;margin-top:20px;text-align:center}.modern-table-container{margin:auto;max-width:1200px;padding:40px 20px}.modern-table-card{background-color:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;overflow-x:auto;padding:30px}.modern-table-title{color:#222;font-size:24px;font-weight:600;margin-bottom:24px;text-align:center}.modern-table{border-collapse:collapse;font-size:15px;min-width:800px;width:100%}.modern-table td,.modern-table th{border-bottom:1px solid #eaeaea;padding:14px 18px;text-align:left}.modern-table th{background-color:#f5f7fa;color:#333;font-weight:600}.modern-table td{color:#444}.modern-table-empty,.modern-table-loading{color:#888;font-style:italic;padding:20px;text-align:center}.modern-table-action{background:none;border:none;border-radius:6px;cursor:pointer;font-size:15px;margin:0 2px;padding:6px 10px;transition:background-color .3s ease}.modern-table-action.edit{color:#0070f3}.modern-table-action.edit:hover{background-color:#0070f31a}.modern-table-action.delete{color:#dc2626}.modern-table-action.delete:hover{background-color:#dc26261a}.modern-category-container{background:#fff;border-radius:12px;box-shadow:0 8px 24px #00000014;margin:40px auto;max-width:600px;padding:40px}.modern-category-title{color:#222;font-size:26px;font-weight:600;margin-bottom:30px;text-align:center}.modern-category-form{display:flex;flex-direction:column;gap:20px}.modern-category-field{display:flex;flex-direction:column;gap:14px}.modern-category-field label{color:#333;font-weight:500;margin-bottom:4px}.modern-category-field input,.modern-category-field select{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;font-size:15px;padding:12px 14px;transition:border-color .3s ease}.modern-category-field input:focus,.modern-category-field select:focus{background-color:#fff;border-color:#0070f3;outline:none}.modern-category-btn{background-color:#0070f3;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 18px;transition:background-color .3s ease}.modern-category-btn:hover{background-color:#005dc1}.modern-category-message{padding:10}.inv-pagination-row{align-items:center;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:space-between;margin-top:12px;padding:12px 8px}.inv-pagination-summary{color:#475569;font-size:.95rem;font-weight:600}.inv-pagination-controls{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.inv-pg-btn{background:#fff;border:1px solid #e6eef6;border-radius:8px;color:#0f1724;cursor:pointer;font-weight:700;padding:8px 10px;transition:all .12s ease}.inv-pg-btn[disabled]{cursor:not-allowed;opacity:.45;transform:none}.inv-pg-btn:hover:not([disabled]){box-shadow:0 6px 18px #0f172a0f;transform:translateY(-2px)}.inv-pg-pages{align-items:center;display:flex;gap:6px}.inv-pg-page{background:#0000;border:1px solid #0000;border-radius:8px;color:#475569;cursor:pointer;font-weight:700;height:36px;min-width:36px;padding:6px 10px}.inv-pg-page.active{background:linear-gradient(90deg,#eef2ff,#f0f9ff);border-color:#4f46e51f;box-shadow:0 8px 26px #4f46e50f}.inv-pg-page.active,.inv-pg-page:hover{color:#4f46e5;color:var(--primary-color,#4f46e5);transform:translateY(-2px)}.inv-pg-page:hover{box-shadow:0 6px 18px #0f172a0f}.inv-pg-ellipsis{color:#94a3b8;font-weight:700;padding:0 8px}.inv-pg-jump input{background:#fff;border:1px solid #e6eef6;border-radius:8px;color:#0f1724;font-weight:700;padding:8px 10px;width:64px}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;white-space:nowrap;width:1px}@media (max-width:780px){.inv-pagination-row{align-items:stretch;flex-direction:column;gap:8px}.inv-pagination-controls{justify-content:space-between}.inv-pg-jump{margin-left:auto}}.modern-dark-toggle{align-items:center;background-color:var(--toggle-bg);border:1px solid #d1d5db;border-radius:50px;box-shadow:0 2px 10px #00000014;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:background-color .3s ease,border-color .3s ease}.modern-dark-toggle:hover{background-color:#f3f4f6;border-color:#3b82f6}.dark-mode .dropdown-menu li,.dark-mode .footer,.dark-mode .footer-bottom,.dark-mode .footer-copyright,.dark-mode .modern-about-card,.dark-mode .modern-about-card p,.dark-mode .modern-about-container,.dark-mode .modern-about-list,.dark-mode .modern-about-value-desc,.dark-mode .modern-contact-card,.dark-mode .modern-contact-container,.dark-mode .modern-contact-desc,.dark-mode .modern-contact-field input,.dark-mode .modern-contact-field textarea,.dark-mode .modern-footer,.dark-mode .modern-invexp-card,.dark-mode .modern-invexp-container,.dark-mode .modern-invexp-filters select,.dark-mode .modern-invexpdetails-card,.dark-mode .modern-invexpdetails-container,.dark-mode .modern-invexpdetails-content,.dark-mode .modern-invform-card,.dark-mode .modern-invform-container,.dark-mode .modern-invform-field input,.dark-mode .modern-invform-field textarea,.dark-mode .modern-jobcard,.dark-mode .modern-jobcard-details,.dark-mode .modern-jobcard-row,.dark-mode .modern-jobcard-title,.dark-mode .modern-jobdetail-card,.dark-mode .modern-jobdetail-layout,.dark-mode .modern-jobdetail-role,.dark-mode .modern-jobdetail-section ul,.dark-mode .modern-joblist-card,.dark-mode .modern-joblist-item,.dark-mode .modern-joblist-role,.dark-mode .modern-joblist-sidebar,.dark-mode .modern-jobsbyroles-action,.dark-mode .modern-jobsbyroles-card,.dark-mode .modern-jobsbyroles-container,.dark-mode .modern-jobsbyroles-meta,.dark-mode .modern-jobsbyroles-role,.dark-mode .modern-privacy-card,.dark-mode .modern-privacy-card p,.dark-mode .modern-privacy-container,.dark-mode .modern-privacy-list,.dark-mode .modern-search-bar input,.dark-mode .modern-terms-card,.dark-mode .modern-terms-card p,.dark-mode .modern-terms-container,.dark-mode .modern-terms-list,.dark-mode .modern-updates-card,.dark-mode .modern-updates-container,.dark-mode .modern-updates-feature-list,.dark-mode .modern-updates-lead,.dark-mode .modern-updates-list-item,.dark-mode .navbar,.dark-mode .navbar-nav,.dark-mode .notfound-container,.dark-mode .slider-content-center{background-color:#0f172a;color:#f8fafc}body.light-mode{--toggle-bg:#f9fafb;background-color:#fff;color:#1f2937}body.dark-mode .modern-loading-container{background:linear-gradient(135deg,#0f172a,#1e293b);color:#f1f5f9}body.dark-mode .modern-spinner{border-top:4px solid #fbbf24}body.dark-mode .modern-loading-text{color:#e2e8f0}body.dark-mode{--bg-color:#111827;--card-bg:#1f2937}body.dark-mode .modern-notfound-title{color:#f87171}body.dark-mode .modern-notfound-message,body.dark-mode .modern-notfound-subtitle{color:#e5e7eb}body.dark-mode .modern-notfound-btn{background-color:#3b82f6}body.dark-mode .modern-notfound-btn:hover{background-color:#2563eb}.modern-navbar{background-color:#fff;transition:all .3s ease}.logo{height:40px}.brand-text{color:#222;font-size:1.25rem}.navbar-nav .nav-link{color:#333;font-weight:500;transition:color .2s ease}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{color:#0d6efd}.dropdown-menu{border:1px solid #0000000d;border-radius:.5rem;min-width:200px}.dropdown-item{color:#333;font-size:.95rem;padding:.5rem 1rem;transition:background .2s}.dropdown-item:hover{background-color:#f1f1f1}.navbar-toggler{border:none;box-shadow:none}.navbar-toggler:focus{box-shadow:none;outline:none}.footer{background:linear-gradient(90deg,#fff,#f9fafc);border-top:1px solid #e5e5e5;color:#333;font-family:Montserrat,Segoe UI;padding:60px 20px 40px}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.footer-brand-section{max-width:280px}.footer-logo{color:#0056b3;display:inline-block;font-size:28px;font-weight:700;margin-bottom:10px}.footer-desc{color:#555;font-size:14px;line-height:1.7}.footer-social a{color:#0056b3;display:inline-block;font-size:18px;margin-right:10px;transition:color .3s ease}.footer-social a:hover{color:#111}.footer-column h5{color:#222;font-size:16px;font-weight:600;margin-bottom:15px}.footer-column ul{list-style:none;margin:0;padding:0}.footer-column ul li{margin-bottom:10px}.footer-column ul li a{color:#555;font-size:14px;text-decoration:none;transition:color .3s ease}.footer-column ul li a:hover{color:#0056b3}.footer-bottom{background-color:#f1f3f5;border-top:1px solid #e0e0e0;color:#666;font-size:14px;padding:15px 0;text-align:center}.footer-bottom span{color:#0056b3;font-weight:600}@media (max-width:768px){.footer{text-align:center}.footer-social{justify-content:center;margin-top:10px}.footer-column{margin-top:30px}}.modern-login-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e0e7ef);display:flex;justify-content:center;min-height:80vh;padding:2.5rem 1rem 2rem}.modern-login-card{align-items:flex-start;background:#fff;border-radius:18px;box-shadow:0 4px 24px #007bff12;display:flex;flex-direction:column;max-width:400px;padding:2.2rem 2rem 2rem;width:100%}.modern-login-title{color:#007bff;font-size:1.7rem;font-weight:800;margin-bottom:.4rem;text-align:center;width:100%}.modern-login-lead{color:#555;font-size:1.08rem;margin-bottom:1.2rem;text-align:center;width:100%}.modern-login-form{display:flex;flex-direction:column;gap:1.2rem;width:100%}.modern-login-field{display:flex;flex-direction:column;gap:.3rem}.modern-login-field label{color:#007bff;font-weight:600;margin-bottom:.1rem}.modern-login-field input{background:#f8fafc;border:1px solid #cce0ff;border-radius:8px;font-size:1rem;outline:none;padding:.7rem 1rem;transition:border .2s}.modern-login-field input:focus{border-color:#007bff}.modern-login-btn{align-self:center;background:#007bff;border:none;border-radius:22px;box-shadow:0 2px 8px #007bff17;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:.8rem 2.2rem;transition:background .2s}.modern-login-btn:disabled{background:#b6d4fe;cursor:not-allowed}.modern-login-btn:focus,.modern-login-btn:hover{background:#0056b3}.modern-login-link{font-size:1rem;margin-top:1rem;text-align:center;width:100%}.modern-login-link a{color:#007bff;font-weight:500;text-decoration:underline;transition:color .2s}.modern-login-link a:hover{color:#0056b3}.modern-login-modal{align-items:center;background:#0000002e;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modern-login-modal-content{background:#fff;border-radius:14px;box-shadow:0 4px 24px #007bff21;color:#222;display:flex;flex-direction:column;font-size:1.1rem;gap:.7rem;max-width:90vw;padding:2rem 2.5rem;text-align:center}@media (max-width:500px){.modern-login-card{max-width:98vw;padding:1.2rem .7rem 1rem}.modern-login-title{font-size:1.15rem}.modern-login-lead{font-size:.97rem}.modern-login-btn{font-size:1rem;padding:.7rem 1.2rem}.modern-login-modal-content{font-size:1rem;padding:1.2rem 1rem}}.modern-jobsbyroles-container{margin:0 auto;max-width:1200px;padding:2rem 1rem}.modern-jobsbyroles-title{color:#222;font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center}.modern-jobsbyroles-list{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(290px,1fr))}.modern-jobsbyroles-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000f;flex-direction:column;height:100%;overflow:hidden;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.modern-jobsbyroles-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateY(-5px)}.modern-jobsbyroles-img{background-color:#f9f9f9;border-radius:8px;height:60px;margin-right:1rem;object-fit:contain;padding:8px;width:60px}.modern-jobsbyroles-card-body{display:flex;flex:1 1;flex-direction:column;justify-content:space-between;padding:1rem}.modern-jobsbyroles-role{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.75rem}.modern-jobsbyroles-meta{color:#4b5563;display:flex;flex-direction:column;font-size:.875rem;gap:.4rem;margin-bottom:1rem}.modern-jobsbyroles-meta span{align-items:center;display:flex;gap:.4rem}.modern-jobsbyroles-actions{align-items:center;display:flex;justify-content:space-between}.modern-jobsbyroles-apply{background-color:#2563eb;border-radius:6px;color:#fff;font-size:.9rem;font-weight:500;padding:.5rem 1rem;transition:background-color .3s ease}.modern-jobsbyroles-apply:hover{background-color:#1e40af}.modern-jobsbyroles-share{background-color:#f3f4f6;border:none;border-radius:6px;color:#374151;font-size:.9rem;padding:.5rem;transition:background-color .3s ease}.modern-jobsbyroles-share:hover{background-color:#e5e7eb}.loading-container{align-items:center;display:flex;height:100vh;justify-content:center;padding:3rem}.modern-jobsbyroles-empty{color:#6b7280;font-size:1.1rem;padding:2rem;text-align:center}.modern-jobsbyroles-card{align-items:flex-start;display:flex;gap:1rem;height:auto;padding:1rem}.modern-jobsbyroles-card-left{flex-shrink:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--secondary-gradient:linear-gradient(135deg,#f093fb,#f5576c);--accent-color:#fbbf24;--accent-hover:#f59e0b;--text-primary:#1f2937;--text-secondary:#6b7280;--text-light:#9ca3af;--white:#fff;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--indigo-50:#eef2ff;--indigo-100:#e0e7ff;--indigo-600:#4f46e5;--indigo-700:#4338ca;--purple-600:#9333ea;--blue-50:#eff6ff;--blue-600:#2563eb;--yellow-400:#fbbf24;--yellow-500:#f59e0b;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--spacing-4xl:6rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-7xl:4.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--shadow-2xl:0 25px 50px -12px #00000040;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:1.875rem;--radius-full:9999px;--transition-fast:all 0.15s ease-in-out;--transition-normal:all 0.3s ease-in-out;--transition-slow:all 0.5s ease-in-out;--transition-slower:all 0.7s ease-in-out}body{color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6}.popup-overlay{background:#0009}.popup-card{border-radius:12px;box-shadow:0 8px 25px #0003;max-width:400px}.popup-icon{font-size:2.5rem}.popup-btn{background:#2563eb;margin-top:1rem;padding:.7rem 1.5rem}.modern-blog-container{background:linear-gradient(135deg,#f9fafb,#fff 50%,#eff6ff);background:linear-gradient(135deg,var(--gray-50) 0,var(--white) 50%,var(--blue-50) 100%);min-height:100vh}.modern-blog-hero{background:linear-gradient(135deg,#4f46e5,#9333ea 50%,#2563eb);background:linear-gradient(135deg,var(--indigo-600) 0,var(--purple-600) 50%,var(--blue-600) 100%);overflow:hidden;position:relative}.modern-blog-hero:before{background:#0003;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}.modern-blog-hero-content{margin:0 auto;max-width:1280px;padding:6rem 1rem;padding:var(--spacing-4xl) var(--spacing-md);position:relative;text-align:center;z-index:2}.modern-blog-hero h1{color:#fff;color:var(--white);font-size:clamp(2.25rem,8vw,4.5rem);font-size:clamp(var(--font-size-4xl),8vw,var(--font-size-7xl));font-weight:700;line-height:1.1;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-hero-highlight{color:#fbbf24;color:var(--yellow-400)}.modern-blog-hero-subtitle{color:#bfdbfe;font-size:clamp(1.125rem,3vw,1.5rem);font-size:clamp(var(--font-size-lg),3vw,var(--font-size-2xl));line-height:1.5;margin-bottom:2rem;margin-bottom:var(--spacing-xl);margin-left:auto;margin-right:auto;max-width:48rem}.modern-blog-hero-buttons{align-items:center;display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);justify-content:center}.modern-blog-btn-primary,.modern-blog-btn-secondary{align-items:center;border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transform:translateY(0);transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-btn-primary{background:#f59e0b;background:var(--yellow-500);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#1f2937;color:var(--text-primary)}.modern-blog-btn-primary:hover{background:#fbbf24;background:var(--yellow-400);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.05)}.modern-blog-btn-secondary{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;color:#fff;color:var(--white)}.modern-blog-btn-secondary:hover{background:#fff3;transform:translateY(-1px)}.modern-blog-btn-icon{height:1.25rem;margin-right:.5rem;margin-right:var(--spacing-sm);width:1.25rem}.modern-blog-main{margin:0 auto;max-width:1280px;padding:3rem 1rem;padding:var(--spacing-2xl) var(--spacing-md)}.modern-blog-search-section{margin-bottom:3rem;margin-bottom:var(--spacing-2xl)}.modern-blog-search-header{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;gap:var(--spacing-xl);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-search-container{flex:1 1;max-width:36rem;position:relative;width:100%}.modern-blog-search-icon{color:#9ca3af;color:var(--text-light);height:1.25rem;left:1rem;left:var(--spacing-md);position:absolute;top:50%;transform:translateY(-50%);width:1.25rem}.modern-blog-search-input{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);font-size:1rem;font-size:var(--font-size-base);padding:1rem 1rem 1rem 3rem;padding:var(--spacing-md) var(--spacing-md) var(--spacing-md) 3rem;transition:all .3s ease-in-out;transition:var(--transition-normal);width:100%}.modern-blog-search-input:focus{border-color:#4f46e5;border-color:var(--indigo-600);box-shadow:0 0 0 3px #4f46e51a,0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:0 0 0 3px #4f46e51a,var(--shadow-md);outline:none}.modern-blog-search-input:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.modern-blog-filter-toggle{align-items:center;background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);cursor:pointer;display:flex;padding:1rem 1.5rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-filter-toggle:hover{border-color:#4f46e5;border-color:var(--indigo-600);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.modern-blog-filter-icon{height:1.25rem;margin-right:.5rem;margin-right:var(--spacing-sm);width:1.25rem}.modern-blog-filters{transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-filters.hidden{display:none}.modern-blog-filter-grid{grid-gap:1rem;grid-gap:var(--spacing-md);display:grid;gap:1rem;gap:var(--spacing-md);grid-template-columns:1fr;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-filter-group{display:flex;flex-direction:column;gap:.5rem;gap:var(--spacing-sm)}.modern-blog-filter-label{color:#6b7280;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600}.modern-blog-filter-select{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:1rem;border-radius:var(--radius-xl);font-size:.875rem;font-size:var(--font-size-sm);padding:1rem;padding:var(--spacing-md);transition:all .3s ease-in-out;transition:var(--transition-normal);width:100%}.modern-blog-filter-select:focus{border-color:#4f46e5;border-color:var(--indigo-600);box-shadow:0 0 0 3px #4f46e51a;outline:none}.modern-blog-featured{margin-bottom:6rem;margin-bottom:var(--spacing-4xl)}.modern-blog-section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-section-title{align-items:center;color:#1f2937;color:var(--text-primary);display:flex;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}.modern-blog-section-icon{color:#4f46e5;color:var(--indigo-600);height:2rem;margin-right:1rem;margin-right:var(--spacing-md);width:2rem}.modern-blog-featured-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr}.modern-blog-featured-card{background:#fff;background:var(--white);border-radius:1.875rem;border-radius:var(--radius-3xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:inherit;overflow:hidden;position:relative;text-decoration:none;transform:translateY(0);transition:all .5s ease-in-out;transition:var(--transition-slow)}.modern-blog-featured-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-8px)}.modern-blog-featured-image-container{height:16rem;overflow:hidden;position:relative}.modern-blog-featured-image{height:100%;object-fit:cover;transition:all .7s ease-in-out;transition:var(--transition-slower);width:100%}.modern-blog-featured-card:hover .modern-blog-featured-image{transform:scale(1.1)}.modern-blog-featured-overlay{background:linear-gradient(0deg,#0009 0,#0003 50%,#0000);bottom:0;left:0;position:absolute;right:0;top:0}.modern-blog-featured-badge{background:#f59e0b;background:var(--yellow-500);border-radius:9999px;border-radius:var(--radius-full);color:#1f2937;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);font-weight:600;left:1rem;left:var(--spacing-md);padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);position:absolute;top:1rem;top:var(--spacing-md)}.modern-blog-featured-content{padding:2rem;padding:var(--spacing-xl)}.modern-blog-post-meta{align-items:center;color:#9ca3af;color:var(--text-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.modern-blog-category-badge{background:#e0e7ff;background:var(--indigo-100);border-radius:9999px;border-radius:var(--radius-full);color:#4338ca;color:var(--indigo-700);font-weight:600;padding:.25rem 1rem;padding:var(--spacing-xs) var(--spacing-md);text-transform:capitalize}.modern-blog-meta-item{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.modern-blog-meta-icon{height:1rem;width:1rem}.modern-blog-post-title{font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700;line-height:1.3;margin-bottom:1rem;margin-bottom:var(--spacing-md);transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-featured-card:hover .modern-blog-post-title{color:#4f46e5;color:var(--indigo-600)}.modern-blog-post-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--spacing-lg);overflow:hidden}.modern-blog-post-footer{align-items:center;display:flex;justify-content:space-between}.modern-blog-author-info{align-items:center;color:#9ca3af;color:var(--text-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1rem;gap:var(--spacing-md)}.modern-blog-arrow-icon{color:#4f46e5;color:var(--indigo-600);height:1.25rem;transition:all .3s ease-in-out;transition:var(--transition-normal);width:1.25rem}.modern-blog-featured-card:hover .modern-blog-arrow-icon{transform:translateX(4px)}.modern-blog-regular{margin-bottom:6rem;margin-bottom:var(--spacing-4xl)}.modern-blog-posts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-posts-count{color:#9ca3af;color:var(--text-light);font-size:1.125rem;font-size:var(--font-size-lg)}.modern-blog-posts-grid{grid-gap:2rem;grid-gap:var(--spacing-xl);display:grid;gap:2rem;gap:var(--spacing-xl);grid-template-columns:1fr}.modern-blog-post-card{background:#fff;background:var(--white);border-radius:1.5rem;border-radius:var(--radius-2xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:inherit;overflow:hidden;text-decoration:none;transform:translateY(0);transition:all .5s ease-in-out;transition:var(--transition-slow)}.modern-blog-post-card:hover{box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-2xl);transform:translateY(-4px)}.modern-blog-post-image-container{height:12rem;overflow:hidden;position:relative}.modern-blog-post-image{height:100%;object-fit:cover;transition:all .5s ease-in-out;transition:var(--transition-slow);width:100%}.modern-blog-post-card:hover .modern-blog-post-image{transform:scale(1.05)}.modern-blog-post-category{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-radius:.5rem;border-radius:var(--radius-md);color:#0c2d4e;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;left:1rem;left:var(--spacing-md);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm);position:absolute;text-transform:capitalize;top:1rem;top:var(--spacing-md)}.modern-blog-post-body{padding:1.5rem;padding:var(--spacing-lg)}.modern-blog-post-meta-small{align-items:center;color:#9ca3af;color:var(--text-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:1rem;gap:var(--spacing-md);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.modern-blog-post-title-small{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700;line-height:1.4;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow:hidden;transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-post-card:hover .modern-blog-post-title-small{color:#4f46e5;color:var(--indigo-600)}.modern-blog-post-excerpt-small{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;font-size:.875rem;font-size:var(--font-size-sm);line-height:1.5;margin-bottom:1rem;margin-bottom:var(--spacing-md);overflow:hidden}.modern-blog-post-tags{display:flex;flex-wrap:wrap;gap:.25rem;gap:var(--spacing-xs);margin-bottom:1rem;margin-bottom:var(--spacing-md)}.modern-blog-tag{background:#f3f4f6;background:var(--gray-100);border-radius:.5rem;border-radius:var(--radius-md);font-size:.75rem;font-size:var(--font-size-xs);padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.modern-blog-post-stats{align-items:center;border-top:1px solid #f3f4f6;border-top:1px solid var(--gray-100);display:flex;justify-content:space-between;padding-top:1rem;padding-top:var(--spacing-md)}.modern-blog-post-author,.modern-blog-post-engagement{align-items:center;color:#9ca3af;color:var(--text-light);display:flex;font-size:.875rem;font-size:var(--font-size-sm)}.modern-blog-post-engagement{gap:1rem;gap:var(--spacing-md)}.modern-blog-engagement-item{align-items:center;display:flex;gap:.25rem;gap:var(--spacing-xs)}.modern-blog-pagination{display:flex;justify-content:center;margin-top:3rem;margin-top:var(--spacing-2xl)}.modern-blog-pagination-container{align-items:center;display:flex;gap:.5rem;gap:var(--spacing-sm)}.modern-blog-pagination-btn{background:#fff;background:var(--white);border:1px solid #e5e7eb;border:1px solid var(--gray-200);border-radius:.5rem;border-radius:var(--radius-md);color:#6b7280;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--font-size-sm);padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-pagination-btn:hover{background:#f9fafb;background:var(--gray-50)}.modern-blog-pagination-btn.active{background:#4f46e5;background:var(--indigo-600);border-color:#4f46e5;border-color:var(--indigo-600);color:#fff;color:var(--white)}.modern-blog-pagination-numbers{display:flex;gap:.25rem;gap:var(--spacing-xs)}.modern-blog-newsletter{background:linear-gradient(135deg,#4f46e5,#9333ea);background:linear-gradient(135deg,var(--indigo-600) 0,var(--purple-600) 100%);margin-top:6rem;margin-top:var(--spacing-4xl)}.modern-blog-newsletter-content{margin:0 auto;max-width:64rem;padding:6rem 1rem;padding:var(--spacing-4xl) var(--spacing-md);text-align:center}.modern-blog-newsletter h3{color:#fff;color:var(--white);font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--spacing-md)}.modern-blog-newsletter p{color:#bfdbfe;font-size:1.25rem;font-size:var(--font-size-xl);margin-bottom:2rem;margin-bottom:var(--spacing-xl)}.modern-blog-newsletter-form{display:flex;flex-direction:column;gap:1rem;gap:var(--spacing-md);margin:0 auto;max-width:28rem}.modern-blog-newsletter-input{border:0;border-radius:1rem;border-radius:var(--radius-xl);flex:1 1;font-size:1rem;font-size:var(--font-size-base);padding:1rem;padding:var(--spacing-md)}.modern-blog-newsletter-input:focus{box-shadow:0 0 0 3px #fbbf24;box-shadow:0 0 0 3px var(--yellow-400);outline:none}.modern-blog-newsletter-btn{background:#f59e0b;background:var(--yellow-500);border:none;border-radius:1rem;border-radius:var(--radius-xl);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);font-weight:600;padding:1rem 2rem;padding:var(--spacing-md) var(--spacing-xl);transition:all .3s ease-in-out;transition:var(--transition-normal)}.modern-blog-newsletter-btn:hover{background:#fbbf24;background:var(--yellow-400)}@media (min-width:640px){.modern-blog-hero-buttons{flex-direction:row}.modern-blog-filter-grid,.modern-blog-posts-grid{grid-template-columns:repeat(2,1fr)}.modern-blog-newsletter-form{flex-direction:row}}@media (min-width:768px){.modern-blog-search-header{align-items:center;flex-direction:row}.modern-blog-filter-toggle{display:none}.modern-blog-filters.hidden{display:block}}@media (min-width:1024px){.modern-blog-filter-grid{grid-template-columns:repeat(4,1fr)}.modern-blog-featured-grid{grid-template-columns:repeat(2,1fr)}.modern-blog-posts-grid{grid-template-columns:repeat(3,1fr)}}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}.modern-blog-skeleton{animation:loading 1.5s infinite;background:linear-gradient(90deg,#e5e7eb 25%,#f3f4f6 50%,#e5e7eb 75%);background:linear-gradient(90deg,var(--gray-200) 25%,var(--gray-100) 50%,var(--gray-200) 75%);background-size:200% 100%}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.modern-blog-btn-primary:focus,.modern-blog-btn-secondary:focus,.modern-blog-filter-select:focus,.modern-blog-pagination-btn:focus,.modern-blog-search-input:focus{outline:2px solid #4f46e5;outline:2px solid var(--indigo-600);outline-offset:2px}@media print{.modern-blog-hero,.modern-blog-newsletter,.modern-blog-pagination{display:none}.modern-blog-container{background:#fff}.modern-blog-featured-card,.modern-blog-post-card{border:1px solid #d1d5db;border:1px solid var(--gray-300);box-shadow:none;break-inside:avoid;page-break-inside:avoid}}.create-blog-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh}.create-blog-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-bottom:1px solid #e2e8f0cc;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.create-blog-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;padding:1rem 2rem}.create-blog-header-left{align-items:center;display:flex;gap:1.5rem}.create-blog-back-btn{align-items:center;background:#0000;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.create-blog-back-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#475569}.create-blog-header-divider{background:#e2e8f0;height:24px;width:1px}.create-blog-header h1{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.create-blog-header-actions{align-items:center;display:flex;gap:1rem}.create-blog-preview-btn,.create-blog-save-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.create-blog-preview-btn{border-color:#6366f1;color:#6366f1}.create-blog-preview-btn:hover{background:#6366f1;color:#fff}.create-blog-save-btn{color:#64748b}.create-blog-save-btn:hover{background:#f8fafc;border-color:#cbd5e1}.create-blog-publish-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:8px;box-shadow:0 4px 14px 0 #6366f159;color:#fff;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.625rem 1.5rem;transition:all .2s ease}.create-blog-publish-btn:hover{background:linear-gradient(135deg,#5855eb,#7c3aed);box-shadow:0 6px 20px 0 #6366f173;transform:translateY(-1px)}.create-blog-main{margin:0 auto;max-width:1400px;padding:2rem}.create-blog-editor{grid-gap:2rem;align-items:start;display:grid;gap:2rem;grid-template-columns:1fr 350px}.create-blog-content{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:2rem}.create-blog-section{margin-bottom:2.5rem}.create-blog-section:last-child{margin-bottom:0}.create-blog-section-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1.25rem}.create-blog-section-icon{color:#6366f1;height:20px;width:20px}.create-blog-section-header h2{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.create-blog-section-subtitle{color:#64748b;font-size:.875rem;margin-left:auto}.create-blog-title-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:1.5rem;font-weight:600;outline:none;padding:1rem 1.25rem;transition:all .2s ease;width:100%}.create-blog-title-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.create-blog-excerpt-input{background:#fafafa;border:2px solid #e2e8f0;border-radius:12px;color:#475569;font-family:inherit;font-size:1rem;min-height:80px;outline:none;padding:1rem 1.25rem;resize:vertical;transition:all .2s ease;width:100%}.create-blog-excerpt-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.create-blog-image-upload{align-items:center;background:#fafafa;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:200px;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.create-blog-image-upload:hover{background:#6366f105;border-color:#6366f1}.create-blog-image-upload.drag-over{background:#6366f10d;border-color:#6366f1;transform:scale(1.02)}.create-blog-file-input{display:none}.create-blog-upload-placeholder{text-align:center}.create-blog-upload-icon{color:#6366f1;height:48px;margin:0 auto 1rem;width:48px}.create-blog-upload-placeholder h3{color:#374151;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.create-blog-upload-placeholder p{color:#6b7280;margin:0}.create-blog-image-preview{height:100%;min-height:200px;position:relative;width:100%}.create-blog-image-preview img{border-radius:8px;height:100%;object-fit:cover;width:100%}.create-blog-image-overlay{align-items:center;background:#0006;border-radius:8px;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s ease}.create-blog-image-preview:hover .create-blog-image-overlay{opacity:1}.create-blog-image-remove{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.create-blog-image-remove:hover{background:#ef4444;transform:scale(1.1)}.create-blog-toolbar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-bottom:none;border-radius:12px 12px 0 0;display:flex;gap:.5rem;margin-bottom:0;padding:1rem}.create-blog-format-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.create-blog-format-btn:hover{background:#fff;border-color:#cbd5e1;color:#374151}.create-blog-content-input{background:#fff;border:2px solid #e2e8f0;border-radius:0 0 12px 12px;border-top:none;color:#374151;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:1rem;line-height:1.6;min-height:400px;outline:none;padding:1.25rem;resize:vertical;transition:all .2s ease;width:100%}.create-blog-content-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.create-blog-sidebar{display:flex;flex-direction:column;gap:1.5rem}.create-blog-sidebar-section{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:1.5rem}.create-blog-sidebar-section h3{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:600;gap:.5rem;margin:0 0 1rem}.create-blog-category-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.create-blog-category-btn{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;transition:all .2s ease}.create-blog-category-btn:hover{background:#fff;border-color:#cbd5e1}.create-blog-category-btn.active{background:#6366f11a;border-color:#6366f1;color:#6366f1}.create-blog-category-icon{font-size:1.5rem}.create-blog-category-btn span:last-child{color:#374151;font-size:.875rem;font-weight:500}.create-blog-category-btn.active span:last-child{color:#6366f1}.create-blog-type-list{display:flex;flex-direction:column;gap:.75rem}.create-blog-type-option{align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:.75rem;padding:1rem;transition:all .2s ease}.create-blog-type-option:hover{background:#fff;border-color:#cbd5e1}.create-blog-type-option:has(input:checked){background:#6366f11a;border-color:#6366f1}.create-blog-type-option input[type=radio]{accent-color:#6366f1;height:20px;width:20px}.create-blog-type-content{display:flex;flex-direction:column;gap:.25rem}.create-blog-type-name{color:#374151;font-weight:600}.create-blog-type-desc{color:#6b7280;font-size:.875rem}.create-blog-tag-form{display:flex;gap:.5rem;margin-bottom:1rem}.create-blog-tag-input{border:2px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.create-blog-tag-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.create-blog-tag-add-btn{align-items:center;background:#6366f1;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.create-blog-tag-add-btn:hover{background:#5855eb;transform:translateY(-1px)}.create-blog-tags-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem}.create-blog-tag{background:#6366f11a;border-radius:20px;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}.create-blog-tag,.create-blog-tag-remove{align-items:center;color:#6366f1;display:flex}.create-blog-tag-remove{background:#6366f133;border:none;border-radius:50%;cursor:pointer;height:16px;justify-content:center;transition:all .2s ease;width:16px}.create-blog-tag-remove:hover{background:#ef444433;color:#ef4444}.create-blog-tag-limit{color:#6b7280;font-size:.875rem;margin:0}.create-blog-publishing-options{display:flex;flex-direction:column;gap:1rem}.create-blog-form-label{color:#374151;display:flex;flex-direction:column;font-size:.875rem;font-weight:500;gap:.5rem}.create-blog-date-input{border:2px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;padding:.75rem 1rem;transition:all .2s ease}.create-blog-date-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.create-blog-status-info{align-items:center;background:#f0f9ff;border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem}.create-blog-preview{background:#fff;border:1px solid #e2e8f0cc;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;padding:2rem}.create-blog-preview-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.create-blog-preview-header h2{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.create-blog-close-preview{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s ease;width:40px}.create-blog-close-preview:hover{background:#e2e8f0;color:#475569}.create-blog-preview-content{margin:0 auto;max-width:800px}.create-blog-preview-hero{margin-bottom:3rem;text-align:center}.create-blog-preview-image{border-radius:16px;margin-bottom:2rem;max-height:400px;object-fit:cover;width:100%}.create-blog-preview-meta{display:flex;gap:1rem;justify-content:center;margin-bottom:1.5rem}.create-blog-preview-category,.create-blog-preview-type{background:#6366f11a;border-radius:20px;color:#6366f1;font-size:.875rem;font-weight:500;padding:.5rem 1rem}.create-blog-preview-title{color:#1e293b;font-size:2.5rem;font-weight:800;line-height:1.2;margin:0 0 1.5rem}.create-blog-preview-stats{color:#64748b;display:flex;font-size:.875rem;gap:2rem;justify-content:center}.create-blog-preview-stats span{align-items:center;display:flex;gap:.5rem}.create-blog-preview-article{text-align:left}.create-blog-preview-excerpt{color:#64748b;font-size:1.125rem;font-style:italic;line-height:1.7;margin-bottom:2rem}.create-blog-preview-body{color:#374151;line-height:1.7}.create-blog-preview-body pre{font-family:inherit;margin:0;white-space:pre-wrap}.create-blog-preview-placeholder{background:#f9fafb;border-radius:12px;color:#9ca3af;font-style:italic;margin:2rem 0;padding:2rem;text-align:center}.create-blog-preview-tags{border-top:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:.5rem;margin-top:2rem;padding-top:2rem}.create-blog-preview-tag{background:#6366f11a;border-radius:20px;color:#6366f1;font-size:.875rem;font-weight:500;padding:.5rem 1rem}@media (max-width:1200px){.create-blog-editor{grid-template-columns:1fr 300px}}@media (max-width:968px){.create-blog-main{padding:1rem}.create-blog-editor{gap:1.5rem;grid-template-columns:1fr}.create-blog-header-content{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.create-blog-header-left{justify-content:center}.create-blog-header-actions{flex-wrap:wrap;justify-content:center}.create-blog-category-grid{grid-template-columns:1fr}.create-blog-preview-title{font-size:2rem}.create-blog-preview-stats{flex-direction:column;gap:.5rem}}@media (max-width:640px){.create-blog-content,.create-blog-preview,.create-blog-sidebar-section{padding:1.5rem}.create-blog-title-input{font-size:1.25rem}.create-blog-toolbar{flex-wrap:wrap}.create-blog-preview-title{font-size:1.75rem}.create-blog-header-actions{gap:.5rem}.create-blog-preview-btn,.create-blog-publish-btn,.create-blog-save-btn{font-size:.875rem;padding:.5rem 1rem}}.create-blog-icon{flex-shrink:0;height:16px;width:16px}.hidden{display:none}.popup-overlay{align-items:center;animation:fadeIn .3s ease-in-out;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e293bb3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.popup-card{animation:slideUp .35s ease-in-out;background:#fff;border-radius:14px;box-shadow:0 12px 30px #00000026;font-family:Poppins,sans-serif;max-width:420px;padding:2rem;text-align:center;width:90%}.popup-icon{color:#22c55e;font-size:3rem;margin-bottom:1rem}.popup-title{color:#111827;font-size:1.6rem;font-weight:600;margin-bottom:.6rem}.popup-message{color:#4b5563;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.popup-btn{background:linear-gradient(90deg,#2563eb,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:.75rem 1.5rem;transition:all .3s ease;width:100%}.popup-btn:hover{background:linear-gradient(90deg,#1d4ed8,#2563eb);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:480px){.popup-card{border-radius:10px;padding:1.5rem}.popup-title{font-size:1.3rem}.popup-message{font-size:.95rem}}:root{--consistent-primary:#6366f1;--consistent-primary-dark:#5855eb;--consistent-primary-light:#a5b4fc;--consistent-secondary:#8b5cf6;--consistent-accent:#f59e0b;--consistent-success:#10b981;--consistent-danger:#ef4444;--consistent-text-primary:#1e293b;--consistent-text-secondary:#475569;--consistent-text-tertiary:#64748b;--consistent-text-light:#94a3b8;--consistent-text-white:#fff;--consistent-bg-primary:#fff;--consistent-bg-secondary:#f8fafc;--consistent-bg-tertiary:#f1f5f9;--consistent-bg-glass:#fffffff2;--consistent-bg-gradient:linear-gradient(135deg,#f8fafc,#e2e8f0);--consistent-border-light:#e2e8f0;--consistent-border-medium:#cbd5e1;--consistent-border-strong:#94a3b8;--consistent-shadow-sm:0 1px 2px 0 #0000000d;--consistent-shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--consistent-shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--consistent-shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--consistent-space-1:0.25rem;--consistent-space-2:0.5rem;--consistent-space-3:0.75rem;--consistent-space-4:1rem;--consistent-space-5:1.25rem;--consistent-space-6:1.5rem;--consistent-space-8:2rem;--consistent-space-10:2.5rem;--consistent-space-12:3rem;--consistent-space-16:4rem;--consistent-text-xs:0.75rem;--consistent-text-sm:0.875rem;--consistent-text-base:1rem;--consistent-text-lg:1.125rem;--consistent-text-xl:1.25rem;--consistent-text-2xl:1.5rem;--consistent-text-3xl:1.875rem;--consistent-text-4xl:2.25rem;--consistent-text-5xl:3rem;--consistent-radius-sm:0.375rem;--consistent-radius-md:0.5rem;--consistent-radius-lg:0.75rem;--consistent-radius-xl:1rem;--consistent-radius-2xl:1.5rem;--consistent-radius-full:9999px;--consistent-transition:all 0.2s ease;--consistent-transition-fast:all 0.15s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-feature-settings:"kern" 1,"liga" 1,"calt" 1;-webkit-font-smoothing:antialiased;color:#1e293b;color:var(--consistent-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.7;text-rendering:optimizeLegibility}.consistent-blog-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--consistent-bg-gradient);min-height:100vh;overflow-x:hidden;position:relative}.consistent-progress-bar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f1f5f9;background:var(--consistent-bg-tertiary);height:4px;left:0;position:fixed;top:0;width:100%;z-index:1000}.consistent-progress-fill{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);border-radius:0 2px 2px 0;height:100%;overflow:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1)}.consistent-progress-glow{animation:shimmer 2s ease-in-out infinite;background:linear-gradient(90deg,#0000,#fffc);height:100%;position:absolute;right:0;top:0;width:20px}@keyframes shimmer{0%,to{opacity:0}50%{opacity:1}}.consistent-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;background:var(--consistent-bg-glass);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--consistent-border-light);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--consistent-shadow-sm);left:0;padding:1rem 0;padding:var(--consistent-space-4) 0;position:fixed;right:0;top:4px;transform:translateY(0);transition:transform .3s cubic-bezier(.4,0,.2,1),opacity .3s ease;z-index:999}.consistent-header.hidden{opacity:0;transform:translateY(-100%)}.consistent-header.visible{opacity:1;transform:translateY(0)}.consistent-header-content{align-items:center;display:flex;gap:1.5rem;gap:var(--consistent-space-6);justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem;padding:0 var(--consistent-space-8)}.consistent-back-button{align-items:center;background:#0000;border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:.75rem;border-radius:var(--consistent-radius-lg);color:#475569;color:var(--consistent-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;gap:.5rem;gap:var(--consistent-space-2);padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4);text-decoration:none;transition:all .2s ease;transition:var(--consistent-transition)}.consistent-back-button:hover{background:#f1f5f9;background:var(--consistent-bg-tertiary);border-color:#cbd5e1;border-color:var(--consistent-border-medium);color:#6366f1;color:var(--consistent-primary);transform:translateX(-2px)}.consistent-header-title{flex:1 1;overflow:hidden;text-align:center}.consistent-mini-title{color:#1e293b;color:var(--consistent-text-primary);display:inline-block;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:600;max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.consistent-header-actions{align-items:center;display:flex;gap:.5rem;gap:var(--consistent-space-2)}.consistent-action-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:.75rem;border-radius:var(--consistent-radius-lg);color:#475569;color:var(--consistent-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;gap:.25rem;gap:var(--consistent-space-1);padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-action-btn:hover{border-color:#6366f1;border-color:var(--consistent-primary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);color:#6366f1;color:var(--consistent-primary);transform:translateY(-2px)}.consistent-action-btn.liked{background:#ef44441a;border-color:#ef4444;border-color:var(--consistent-danger);color:#ef4444;color:var(--consistent-danger)}.consistent-action-btn.bookmarked{background:#f59e0b1a;border-color:#f59e0b;border-color:var(--consistent-accent);color:#f59e0b;color:var(--consistent-accent)}.consistent-share-container{position:relative}.consistent-share-menu{animation:slideDown .2s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1rem;border-radius:var(--consistent-radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--consistent-shadow-xl);min-width:180px;padding:.5rem;padding:var(--consistent-space-2);position:absolute;right:0;top:calc(100% + .5rem);top:calc(100% + var(--consistent-space-2));z-index:1001}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.consistent-share-menu button{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--consistent-radius-md);color:#475569;color:var(--consistent-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;gap:.75rem;gap:var(--consistent-space-3);padding:.75rem 1rem;padding:var(--consistent-space-3) var(--consistent-space-4);text-align:left;transition:all .2s ease;transition:var(--consistent-transition);width:100%}.consistent-share-menu button:hover{background:#f1f5f9;background:var(--consistent-bg-tertiary);color:#1e293b;color:var(--consistent-text-primary);transform:translateX(2px)}.consistent-main-content{grid-gap:2rem;grid-gap:var(--consistent-space-8);display:grid;gap:2rem;gap:var(--consistent-space-8);grid-template-columns:1fr;margin:80px auto 0;max-width:1400px;padding:2rem;padding:var(--consistent-space-8)}.consistent-preview-content{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0cc;border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);margin:0 auto;max-width:800px;padding:2rem;padding:var(--consistent-space-8)}.consistent-preview-hero{margin-bottom:3rem;margin-bottom:var(--consistent-space-12);text-align:center}.consistent-preview-image{border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);margin-bottom:2rem;margin-bottom:var(--consistent-space-8);max-height:400px;object-fit:cover;width:100%}.consistent-preview-meta{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--consistent-space-4);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--consistent-space-6)}.consistent-preview-category,.consistent-preview-type{align-items:center;background:#6366f11a;border-radius:20px;color:#6366f1;color:var(--consistent-primary);display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;gap:.25rem;gap:var(--consistent-space-1);padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4)}.consistent-preview-title{color:#1e293b;color:var(--consistent-text-primary);font-size:clamp(1.875rem,5vw,3rem);font-size:clamp(var(--consistent-text-3xl),5vw,var(--consistent-text-5xl));font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:0 0 1.5rem;margin:0 0 var(--consistent-space-6) 0}.consistent-preview-stats{color:#475569;color:var(--consistent-text-secondary);display:flex;flex-wrap:wrap;font-size:.875rem;font-size:var(--consistent-text-sm);gap:2rem;gap:var(--consistent-space-8);justify-content:center}.consistent-preview-stats span{align-items:center;display:flex;font-weight:500;gap:.5rem;gap:var(--consistent-space-2)}.consistent-preview-article{text-align:left}.consistent-preview-excerpt{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--consistent-border-light);color:#475569;color:var(--consistent-text-secondary);font-size:1.125rem;font-size:var(--consistent-text-lg);font-style:italic;line-height:1.7;margin-bottom:2rem;margin-bottom:var(--consistent-space-8);padding-bottom:2rem;padding-bottom:var(--consistent-space-8);text-align:center}.consistent-preview-body{line-height:1.7}.consistent-preview-body,.markdown-content{color:#1e293b;color:var(--consistent-text-primary)}.markdown-content{font-size:1rem;font-size:var(--consistent-text-base);line-height:1.8}.markdown-content h1{border-bottom:3px solid #6366f1;border-bottom:3px solid var(--consistent-primary);color:#1e293b;color:var(--consistent-text-primary);font-size:2.25rem;font-size:var(--consistent-text-4xl);font-weight:800;letter-spacing:-.025em;line-height:1.2;margin:3rem 0 1.5rem;margin:var(--consistent-space-12) 0 var(--consistent-space-6) 0;padding-bottom:1rem;padding-bottom:var(--consistent-space-4);position:relative}.markdown-content h1:first-child{margin-top:0}.markdown-content h2{border-left:4px solid #6366f1;border-left:4px solid var(--consistent-primary);color:#1e293b;color:var(--consistent-text-primary);font-size:1.875rem;font-size:var(--consistent-text-3xl);font-weight:700;line-height:1.3;margin:2.5rem 0 1.25rem;margin:var(--consistent-space-10) 0 var(--consistent-space-5) 0;padding-left:1rem;padding-left:var(--consistent-space-4);position:relative}.markdown-content h2:first-child{margin-top:0}.markdown-content h3{color:#1e293b;color:var(--consistent-text-primary);font-size:1.5rem;font-size:var(--consistent-text-2xl);font-weight:700;line-height:1.3;margin:2rem 0 1rem;margin:var(--consistent-space-8) 0 var(--consistent-space-4) 0;position:relative}.markdown-content h3:before{color:#6366f1;color:var(--consistent-primary);content:"#";font-weight:600;margin-right:.5rem;margin-right:var(--consistent-space-2);opacity:.7}.markdown-content h4{font-size:1.25rem;font-size:var(--consistent-text-xl);margin:1.5rem 0 .75rem;margin:var(--consistent-space-6) 0 var(--consistent-space-3) 0}.markdown-content h4,.markdown-content h5{color:#1e293b;color:var(--consistent-text-primary);font-weight:600;line-height:1.4}.markdown-content h5{font-size:1.125rem;font-size:var(--consistent-text-lg);margin:1.25rem 0 .5rem;margin:var(--consistent-space-5) 0 var(--consistent-space-2) 0}.markdown-content h6{color:#475569;color:var(--consistent-text-secondary);font-size:1rem;font-size:var(--consistent-text-base);font-weight:600;letter-spacing:.05em;line-height:1.4;margin:1rem 0 .5rem;margin:var(--consistent-space-4) 0 var(--consistent-space-2) 0;text-transform:uppercase}.markdown-content p{color:#1e293b;color:var(--consistent-text-primary);font-size:1.125rem;font-size:var(--consistent-text-lg);line-height:1.8;margin-bottom:1.5rem;margin-bottom:var(--consistent-space-6)}.markdown-content p:last-child{margin-bottom:0}.markdown-content ol,.markdown-content ul{margin:1.5rem 0;margin:var(--consistent-space-6) 0;padding-left:2rem;padding-left:var(--consistent-space-8)}.markdown-content ul{list-style:none;position:relative}.markdown-content ul li{color:#1e293b;color:var(--consistent-text-primary);font-size:1.125rem;font-size:var(--consistent-text-lg);line-height:1.7;margin-bottom:.75rem;margin-bottom:var(--consistent-space-3);padding-left:1rem;padding-left:var(--consistent-space-4);position:relative}.markdown-content ul li:before{color:#6366f1;color:var(--consistent-primary);content:"•";font-size:1.2em;font-weight:700;left:0;position:absolute;top:-2px}.markdown-content ol{counter-reset:item}.markdown-content ol li{color:#1e293b;color:var(--consistent-text-primary);counter-increment:item;font-size:1.125rem;font-size:var(--consistent-text-lg);line-height:1.7;margin-bottom:.75rem;margin-bottom:var(--consistent-space-3);padding-left:1.5rem;padding-left:var(--consistent-space-6);position:relative}.markdown-content ol li:before{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary),var(--consistent-secondary));-webkit-background-clip:text;background-clip:text;color:#6366f1;color:var(--consistent-primary);content:counter(item) ".";font-weight:700;left:0;position:absolute;top:0}.markdown-content ol ol,.markdown-content ol ul,.markdown-content ul ol,.markdown-content ul ul{margin:.5rem 0;margin:var(--consistent-space-2) 0;padding-left:1.5rem;padding-left:var(--consistent-space-6)}.markdown-content strong{color:#6366f1;color:var(--consistent-primary);font-weight:700}.markdown-content em{color:#475569;color:var(--consistent-text-secondary);font-style:italic}.markdown-content del{color:#64748b;color:var(--consistent-text-tertiary);opacity:.7;text-decoration:line-through}.inline-code{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--consistent-bg-tertiary),var(--consistent-bg-secondary));border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:.5rem;border-radius:var(--consistent-radius-md);color:#6366f1;color:var(--consistent-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.9em;font-weight:600;padding:.25rem .5rem;padding:var(--consistent-space-1) var(--consistent-space-2)}.code-block{background:linear-gradient(135deg,#1e293b,#334155);border:1px solid #cbd5e1;border:1px solid var(--consistent-border-medium);border-radius:1rem;border-radius:var(--consistent-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);color:#e2e8f0;margin:2rem 0;margin:var(--consistent-space-8) 0;overflow-x:auto;padding:1.5rem;padding:var(--consistent-space-6);position:relative}.code-block:before{background:#6366f1;background:var(--consistent-primary);border-radius:.375rem;border-radius:var(--consistent-radius-sm);color:#fff;color:var(--consistent-text-white);content:attr(data-language);font-size:.75rem;font-size:var(--consistent-text-xs);font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;padding:var(--consistent-space-1) var(--consistent-space-3);position:absolute;right:1rem;right:var(--consistent-space-4);text-transform:uppercase;top:.75rem;top:var(--consistent-space-3)}.code-block code{background:none;border:none;color:inherit;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,monospace;font-size:.875rem;font-size:var(--consistent-text-sm);line-height:1.6;padding:0}.markdown-content blockquote{background:linear-gradient(135deg,#f8fafc,#f1f5f9);background:linear-gradient(135deg,var(--consistent-bg-secondary),var(--consistent-bg-tertiary));border-left:6px solid #6366f1;border-left:6px solid var(--consistent-primary);border-radius:0 1rem 1rem 0;border-radius:0 var(--consistent-radius-xl) var(--consistent-radius-xl) 0;box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--consistent-shadow-sm);font-style:italic;margin:2rem 0;margin:var(--consistent-space-8) 0;padding:1.5rem 2rem;padding:var(--consistent-space-6) var(--consistent-space-8);position:relative}.markdown-content blockquote:before{color:#6366f1;color:var(--consistent-primary);content:'"';font-family:Georgia,serif;font-size:4rem;left:1.5rem;left:var(--consistent-space-6);line-height:1;opacity:.3;position:absolute;top:-10px}.markdown-content blockquote p{color:#475569;color:var(--consistent-text-secondary);font-size:1.25rem;font-size:var(--consistent-text-xl);margin:0;position:relative;z-index:1}.markdown-content a{border-bottom:2px solid #0000;color:#6366f1;color:var(--consistent-primary);font-weight:600;position:relative;text-decoration:none;transition:all .2s ease;transition:var(--consistent-transition)}.markdown-content a:after{background:linear-gradient(90deg,#6366f1,#8b5cf6);background:linear-gradient(90deg,var(--consistent-primary),var(--consistent-secondary));bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.markdown-content a:hover:after{width:100%}.markdown-content a:hover{color:#8b5cf6;color:var(--consistent-secondary)}.markdown-image{border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1rem;border-radius:var(--consistent-radius-xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);height:auto;margin:2rem 0;margin:var(--consistent-space-8) 0;max-width:100%;transition:all .2s ease;transition:var(--consistent-transition);width:100%}.markdown-image:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--consistent-shadow-xl);transform:scale(1.02)}.markdown-hr{background:linear-gradient(90deg,#0000,#6366f1,#0000);background:linear-gradient(90deg,#0000,var(--consistent-primary),#0000);border:none;border-radius:9999px;border-radius:var(--consistent-radius-full);height:3px;margin:3rem 0;margin:var(--consistent-space-12) 0}.markdown-table{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-collapse:collapse;border-radius:.75rem;border-radius:var(--consistent-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);margin:2rem 0;margin:var(--consistent-space-8) 0;overflow:hidden;width:100%}.markdown-table tr{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--consistent-border-light)}.markdown-table tr:first-child{background:linear-gradient(135deg,#f1f5f9,#f8fafc);background:linear-gradient(135deg,var(--consistent-bg-tertiary),var(--consistent-bg-secondary))}.markdown-table tr:first-child td{color:#1e293b;color:var(--consistent-text-primary);font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:700;letter-spacing:.05em;text-transform:uppercase}.markdown-table tr:nth-child(2n){background:#f8fafc;background:var(--consistent-bg-secondary)}.markdown-table tr:hover{background:#f1f5f9;background:var(--consistent-bg-tertiary)}.markdown-table td{color:#1e293b;color:var(--consistent-text-primary);line-height:1.6;padding:1rem 1.5rem;padding:var(--consistent-space-4) var(--consistent-space-6);text-align:left;vertical-align:top}.alert,.markdown-table td{font-size:1rem;font-size:var(--consistent-text-base)}.alert{align-items:flex-start;border-left:4px solid;border-radius:1rem;border-radius:var(--consistent-radius-xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--consistent-shadow-sm);display:flex;gap:.75rem;gap:var(--consistent-space-3);line-height:1.7;margin:2rem 0;margin:var(--consistent-space-8) 0;padding:1.5rem;padding:var(--consistent-space-6);position:relative}.alert-icon{align-items:center;border-radius:9999px;border-radius:var(--consistent-radius-full);display:flex;flex-shrink:0;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:700;height:24px;justify-content:center;width:24px}.alert-info{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-left-color:#3b82f6;color:#1e40af}.alert-info .alert-icon{background:#3b82f6;color:#fff}.alert-warning{background:linear-gradient(135deg,#fef3c7,#fde68a);border-left-color:#f59e0b;color:#92400e}.alert-warning .alert-icon{background:#f59e0b;color:#fff}.alert-success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-left-color:#10b981;color:#065f46}.alert-success .alert-icon{background:#10b981;color:#fff}.alert-danger{background:linear-gradient(135deg,#fee2e2,#fecaca);border-left-color:#ef4444;color:#991b1b}.alert-danger .alert-icon{background:#ef4444;color:#fff}.markdown-content{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:left;text-rendering:optimizeLegibility}.markdown-content a:focus-visible{border-radius:.375rem;border-radius:var(--consistent-radius-sm);outline:2px solid #6366f1;outline:2px solid var(--consistent-primary);outline-offset:2px}@media print{.markdown-content{color:#000}.code-block{background:#f5f5f5!important;border:1px solid #ccc!important}.code-block,.markdown-content a{color:#000!important}.markdown-content a:after{color:#666;content:" (" attr(href) ")";font-size:.8em}}@media (max-width:640px){.markdown-content h1{font-size:1.875rem;font-size:var(--consistent-text-3xl)}.markdown-content h2{font-size:1.5rem;font-size:var(--consistent-text-2xl)}.markdown-content h3{font-size:1.25rem;font-size:var(--consistent-text-xl)}.code-block{font-size:.75rem;font-size:var(--consistent-text-xs);padding:1rem;padding:var(--consistent-space-4)}.markdown-table{font-size:.875rem;font-size:var(--consistent-text-sm)}.markdown-table td{padding:.5rem .75rem;padding:var(--consistent-space-2) var(--consistent-space-3)}.alert{padding:1rem;padding:var(--consistent-space-4)}}.consistent-preview-tags{border-top:1px solid #e2e8f0;border-top:1px solid var(--consistent-border-light);display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--consistent-space-2);margin-top:2rem;margin-top:var(--consistent-space-8);padding-top:2rem;padding-top:var(--consistent-space-8)}.consistent-preview-tag{background:#6366f11a;border-radius:20px;color:#6366f1;color:var(--consistent-primary);cursor:pointer;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-preview-tag:hover{background:#6366f1;background:var(--consistent-primary);color:#fff;color:var(--consistent-text-white);transform:translateY(-2px)}.consistent-sidebar{display:flex;flex-direction:column;gap:1.5rem;gap:var(--consistent-space-6)}.consistent-newsletter,.consistent-related-section{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0cc;border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);padding:1.5rem;padding:var(--consistent-space-6)}.consistent-section-title{align-items:center;color:#1e293b;color:var(--consistent-text-primary);display:flex;font-size:1.25rem;font-size:var(--consistent-text-xl);font-weight:700;gap:.5rem;gap:var(--consistent-space-2);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--consistent-space-6);text-align:center}.consistent-related-posts{flex-direction:column}.consistent-related-card,.consistent-related-posts{display:flex;gap:1rem;gap:var(--consistent-space-4)}.consistent-related-card{background:#f8fafc;background:var(--consistent-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1rem;border-radius:var(--consistent-radius-xl);color:inherit;padding:1rem;padding:var(--consistent-space-4);text-decoration:none;transition:all .2s ease;transition:var(--consistent-transition)}.consistent-related-card:hover{background:#f1f5f9;background:var(--consistent-bg-tertiary);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);transform:translateY(-2px)}.consistent-related-image{border-radius:.75rem;border-radius:var(--consistent-radius-lg);flex-shrink:0;height:80px;overflow:hidden;position:relative;width:100px}.consistent-related-image img{height:100%;object-fit:cover;width:100%}.consistent-related-image img,.consistent-related-overlay{transition:all .2s ease;transition:var(--consistent-transition)}.consistent-related-overlay{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0}.consistent-related-card:hover .consistent-related-image img{transform:scale(1.05)}.consistent-related-card:hover .consistent-related-overlay{opacity:.2}.consistent-related-content{display:flex;flex:1 1;flex-direction:column;justify-content:space-between}.consistent-related-category{color:#6366f1;color:var(--consistent-primary);font-size:.75rem;font-size:var(--consistent-text-xs);font-weight:700;letter-spacing:.1em;margin-bottom:.5rem;margin-bottom:var(--consistent-space-2);text-transform:uppercase}.consistent-related-content h4{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#1e293b;color:var(--consistent-text-primary);display:-webkit-box;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:600;line-height:1.4;margin-bottom:.5rem;margin-bottom:var(--consistent-space-2);overflow:hidden}.consistent-related-meta{align-items:center;color:#64748b;color:var(--consistent-text-tertiary);display:flex;font-size:.75rem;font-size:var(--consistent-text-xs);font-weight:500;gap:.25rem;gap:var(--consistent-space-1)}.consistent-pagination{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--consistent-border-light);display:flex;gap:.5rem;gap:var(--consistent-space-2);justify-content:center;margin-top:1.5rem;margin-top:var(--consistent-space-6);padding-top:1rem;padding-top:var(--consistent-space-4)}.consistent-pagination-btn{background:#f8fafc;background:var(--consistent-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:.75rem;border-radius:var(--consistent-radius-lg);color:#475569;color:var(--consistent-text-secondary);cursor:pointer;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-pagination-btn:hover:not(:disabled){background:#6366f1;background:var(--consistent-primary);color:#fff;color:var(--consistent-text-white);transform:translateY(-1px)}.consistent-pagination-btn:disabled{cursor:not-allowed;opacity:.5}.consistent-pagination-numbers{display:flex;gap:.25rem;gap:var(--consistent-space-1)}.consistent-pagination-number{align-items:center;background:#f8fafc;background:var(--consistent-bg-secondary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:.75rem;border-radius:var(--consistent-radius-lg);color:#475569;color:var(--consistent-text-secondary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:600;height:36px;justify-content:center;transition:all .2s ease;transition:var(--consistent-transition);width:36px}.consistent-pagination-number:hover{transform:translateY(-1px)}.consistent-pagination-number.active,.consistent-pagination-number:hover{background:#6366f1;background:var(--consistent-primary);color:#fff;color:var(--consistent-text-white)}.consistent-pagination-number.active{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md)}.consistent-newsletter{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);box-shadow:0 4px 14px 0 #6366f159;color:#fff;color:var(--consistent-text-white);text-align:center}.consistent-newsletter-header h3{color:#fff;color:var(--consistent-text-white);font-size:1.25rem;font-size:var(--consistent-text-xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--consistent-space-4)}.consistent-newsletter-header p{font-size:1rem;font-size:var(--consistent-text-base);line-height:1.6;margin-bottom:1.5rem;margin-bottom:var(--consistent-space-6);opacity:.9}.consistent-input-group{display:flex;flex-direction:column;gap:.75rem;gap:var(--consistent-space-3);margin-bottom:1rem;margin-bottom:var(--consistent-space-4)}.consistent-newsletter-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #fff3;border-radius:.75rem;border-radius:var(--consistent-radius-lg);color:#fff;color:var(--consistent-text-white);font-size:1rem;font-size:var(--consistent-text-base);padding:1rem;padding:var(--consistent-space-4);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-newsletter-input::placeholder{color:#ffffffb3}.consistent-newsletter-input:focus{background:#fff3;border-color:#ffffff80;box-shadow:0 0 0 3px #ffffff1a;outline:none}.consistent-newsletter-btn{background:#fff;background:var(--consistent-text-white);border:none;border-radius:.75rem;border-radius:var(--consistent-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);color:#6366f1;color:var(--consistent-primary);cursor:pointer;font-size:1rem;font-size:var(--consistent-text-base);font-weight:700;padding:1rem 1.5rem;padding:var(--consistent-space-4) var(--consistent-space-6);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-newsletter-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);transform:translateY(-2px)}.consistent-newsletter-disclaimer{font-size:.75rem;font-size:var(--consistent-text-xs);margin:0;opacity:.8}.consistent-comments-section{margin:4rem auto 0;margin:var(--consistent-space-16) auto 0;max-width:800px;padding:0 2rem;padding:0 var(--consistent-space-8)}.consistent-comments-header{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;gap:var(--consistent-space-4);justify-content:space-between;margin-bottom:2rem;margin-bottom:var(--consistent-space-8)}.consistent-comments-header h3{color:#1e293b;color:var(--consistent-text-primary);font-size:1.5rem;font-size:var(--consistent-text-2xl);font-weight:700}.consistent-comments-count{background:#f1f5f9;background:var(--consistent-bg-tertiary);border-radius:9999px;border-radius:var(--consistent-radius-full);color:#475569;color:var(--consistent-text-secondary);font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--consistent-space-2) var(--consistent-space-4)}.consistent-comment-form{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);margin-bottom:2rem;margin-bottom:var(--consistent-space-8);padding:1.5rem;padding:var(--consistent-space-6)}.consistent-comment-textarea{border:2px solid #e2e8f0;border:2px solid var(--consistent-border-light);border-radius:.75rem;border-radius:var(--consistent-radius-lg);font-family:inherit;font-size:1rem;font-size:var(--consistent-text-base);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--consistent-space-4);min-height:120px;padding:1rem;padding:var(--consistent-space-4);resize:vertical;transition:all .2s ease;transition:var(--consistent-transition);width:100%}.consistent-comment-textarea:focus{border-color:#6366f1;border-color:var(--consistent-primary);box-shadow:0 0 0 3px #6366f11a;outline:none}.consistent-comment-form-actions{display:flex;justify-content:flex-end}.consistent-comment-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);border:none;border-radius:.75rem;border-radius:var(--consistent-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);color:#fff;color:var(--consistent-text-white);cursor:pointer;font-size:1rem;font-size:var(--consistent-text-base);font-weight:600;padding:.75rem 1.5rem;padding:var(--consistent-space-3) var(--consistent-space-6);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-comment-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);transform:translateY(-1px)}.consistent-comments-list{display:flex;flex-direction:column;gap:1.5rem;gap:var(--consistent-space-6)}.consistent-comment{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--consistent-shadow-sm);display:flex;gap:1rem;gap:var(--consistent-space-4);padding:1.5rem;padding:var(--consistent-space-6);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-comment:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);transform:translateY(-2px)}.consistent-comment-avatar{flex-shrink:0}.consistent-comment-avatar img{border:2px solid #e2e8f0;border:2px solid var(--consistent-border-light);border-radius:9999px;border-radius:var(--consistent-radius-full);height:48px;object-fit:cover;width:48px}.consistent-comment-content{flex:1 1}.consistent-comment-header{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;gap:var(--consistent-space-2);justify-content:space-between;margin-bottom:.75rem;margin-bottom:var(--consistent-space-3)}.consistent-comment-author{color:#1e293b;color:var(--consistent-text-primary);font-size:1rem;font-size:var(--consistent-text-base);font-weight:600}.consistent-comment-date{color:#64748b;color:var(--consistent-text-tertiary);font-size:.875rem;font-size:var(--consistent-text-sm)}.consistent-comment-text{color:#1e293b;color:var(--consistent-text-primary);font-size:1rem;font-size:var(--consistent-text-base);line-height:1.6;margin-bottom:1rem;margin-bottom:var(--consistent-space-4)}.consistent-comment-actions{align-items:center;display:flex;gap:1rem;gap:var(--consistent-space-4)}.consistent-comment-action{align-items:center;background:none;border:none;border-radius:.5rem;border-radius:var(--consistent-radius-md);color:#64748b;color:var(--consistent-text-tertiary);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--consistent-text-sm);font-weight:500;gap:.25rem;gap:var(--consistent-space-1);padding:.5rem .75rem;padding:var(--consistent-space-2) var(--consistent-space-3);transition:all .2s ease;transition:var(--consistent-transition)}.consistent-comment-action:hover{background:#f1f5f9;background:var(--consistent-bg-tertiary);color:#475569;color:var(--consistent-text-secondary);transform:translateY(-1px)}.consistent-scroll-top{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);border:none;border-radius:9999px;border-radius:var(--consistent-radius-full);bottom:1.5rem;bottom:var(--consistent-space-6);box-shadow:0 4px 14px 0 #6366f159;color:#fff;color:var(--consistent-text-white);cursor:pointer;display:flex;height:52px;justify-content:center;position:fixed;right:1.5rem;right:var(--consistent-space-6);transition:all .2s ease;transition:var(--consistent-transition);width:52px;z-index:999}.consistent-scroll-top:hover{box-shadow:0 6px 20px 0 #6366f173;transform:translateY(-4px)}.consistent-scroll-top .consistent-icon{height:20px;width:20px}.consistent-loading-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--consistent-bg-gradient);display:flex;justify-content:center;min-height:100vh}.consistent-loading-content{max-width:400px;padding:3rem;padding:var(--consistent-space-12);text-align:center}.consistent-spinner{animation:spin 1s linear infinite;border:4px solid #e2e8f0;border-top:4px solid #6366f1;border:4px solid var(--consistent-border-light);border-radius:9999px;border-radius:var(--consistent-radius-full);border-top-color:var(--consistent-primary);height:60px;margin:0 auto 1.5rem;margin:0 auto var(--consistent-space-6);width:60px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.consistent-loading-text h3{color:#1e293b;color:var(--consistent-text-primary);font-size:1.25rem;font-size:var(--consistent-text-xl);font-weight:700;margin-bottom:.75rem;margin-bottom:var(--consistent-space-3)}.consistent-loading-text p{color:#475569;color:var(--consistent-text-secondary);font-size:1rem;font-size:var(--consistent-text-base)}.consistent-error-container{align-items:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:var(--consistent-bg-gradient);display:flex;justify-content:center;min-height:100vh;padding:1.5rem;padding:var(--consistent-space-6)}.consistent-error-content{background:#fff;background:var(--consistent-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);border-radius:1.5rem;border-radius:var(--consistent-radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--consistent-shadow-xl);max-width:600px;padding:3rem;padding:var(--consistent-space-12);text-align:center}.consistent-error-icon{font-size:3rem;margin-bottom:1.5rem;margin-bottom:var(--consistent-space-6)}.consistent-error-content h2{color:#1e293b;color:var(--consistent-text-primary);font-size:1.875rem;font-size:var(--consistent-text-3xl);font-weight:700;margin-bottom:1rem;margin-bottom:var(--consistent-space-4)}.consistent-error-content p{color:#475569;color:var(--consistent-text-secondary);font-size:1.125rem;font-size:var(--consistent-text-lg);line-height:1.6;margin-bottom:2rem;margin-bottom:var(--consistent-space-8)}.consistent-back-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);background:linear-gradient(135deg,var(--consistent-primary) 0,var(--consistent-secondary) 100%);border:none;border-radius:.75rem;border-radius:var(--consistent-radius-lg);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--consistent-shadow-md);color:#fff;color:var(--consistent-text-white);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--consistent-text-base);font-weight:600;gap:.5rem;gap:var(--consistent-space-2);padding:1rem 1.5rem;padding:var(--consistent-space-4) var(--consistent-space-6);text-decoration:none;transition:all .2s ease;transition:var(--consistent-transition)}.consistent-back-btn:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--consistent-shadow-lg);transform:translateY(-2px)}.consistent-icon{flex-shrink:0;height:1rem;width:1rem}.success-toast{animation:slideInRight .3s ease-out;background:#10b981;background:var(--consistent-success);border-radius:.75rem;border-radius:var(--consistent-radius-lg);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--consistent-shadow-xl);color:#fff;color:var(--consistent-text-white);font-weight:600;padding:1rem 1.5rem;padding:var(--consistent-space-4) var(--consistent-space-6);position:fixed;right:1.5rem;right:var(--consistent-space-6);top:1.5rem;top:var(--consistent-space-6);z-index:1001}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}@media (max-width:640px){.consistent-main-content{margin-top:60px;padding:1rem;padding:var(--consistent-space-4)}.consistent-preview-content{padding:1.5rem;padding:var(--consistent-space-6)}.consistent-preview-title{font-size:1.5rem;font-size:var(--consistent-text-2xl)}.consistent-preview-meta,.consistent-preview-stats{flex-direction:column;gap:.5rem;gap:var(--consistent-space-2)}.consistent-header-content{flex-wrap:wrap;gap:.5rem;gap:var(--consistent-space-2);padding:0 1rem;padding:0 var(--consistent-space-4)}.consistent-mini-title{max-width:200px}.consistent-header-actions{gap:.25rem;gap:var(--consistent-space-1)}.consistent-action-btn{font-size:.75rem;font-size:var(--consistent-text-xs);padding:.5rem .75rem;padding:var(--consistent-space-2) var(--consistent-space-3)}.consistent-scroll-top{bottom:1rem;bottom:var(--consistent-space-4);height:44px;right:1rem;right:var(--consistent-space-4);width:44px}.consistent-related-image{height:60px;width:80px}.consistent-related-content h4{font-size:.75rem;font-size:var(--consistent-text-xs)}.consistent-comments-section{padding:0 1rem;padding:0 var(--consistent-space-4)}.consistent-comment,.consistent-comment-form{padding:1rem;padding:var(--consistent-space-4)}.consistent-comments-header{align-items:flex-start;flex-direction:column;gap:.5rem;gap:var(--consistent-space-2)}.consistent-input-group{flex-direction:column}.consistent-pagination{flex-wrap:wrap;gap:.25rem;gap:var(--consistent-space-1)}}@media (min-width:641px) and (max-width:1024px){.consistent-main-content{gap:1.5rem;gap:var(--consistent-space-6);grid-template-columns:2fr 1fr}.consistent-preview-content{margin:0;max-width:none}.consistent-input-group{flex-direction:column}.consistent-newsletter-input{flex:1 1}}@media (min-width:1025px){.consistent-main-content{gap:3rem;gap:var(--consistent-space-12);grid-template-columns:2fr 1fr}.consistent-preview-content{margin:0;max-width:none}.consistent-sidebar{max-height:calc(100vh - var(--consistent-space-20));overflow-y:auto;position:-webkit-sticky;position:sticky;top:calc(4rem + 60px);top:calc(var(--consistent-space-16) + 60px)}.consistent-input-group{flex-direction:column}.consistent-newsletter-input{flex:1 1}.consistent-preview-stats{gap:3rem;gap:var(--consistent-space-12)}}@media print{.consistent-comments-section,.consistent-header,.consistent-progress-bar,.consistent-scroll-top,.consistent-sidebar{display:none!important}.consistent-blog-container{background:#fff}.consistent-preview-content{border:1px solid #e2e8f0;border:1px solid var(--consistent-border-light);box-shadow:none;page-break-inside:avoid}.consistent-main-content{margin-top:0;padding:1rem 0;padding:var(--consistent-space-4) 0}.consistent-preview-image{max-height:300px}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--consistent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-contrast:high){:root{--consistent-border-light:#000;--consistent-border-medium:#000;--consistent-text-secondary:#000;--consistent-text-tertiary:#000}}html{scroll-behavior:smooth}.consistent-pagination-number:focus-visible,.consistent-preview-tag:focus-visible,.consistent-related-card:focus-visible{box-shadow:0 0 0 4px #6366f11a;outline:2px solid #6366f1;outline:2px solid var(--consistent-primary);outline-offset:2px}.disclaimer-container{align-items:center;background:#f7fafd;display:flex;justify-content:center;min-height:80vh;padding:2rem 1rem}.disclaimer-card{background:#fff;border-radius:1.2rem;box-shadow:0 2px 16px #00000012;color:#222;max-width:600px;padding:2.5rem 2rem;width:100%}.disclaimer-title{color:#1a73e8;font-size:2rem;font-weight:700;margin-bottom:1.2rem;text-align:center}.disclaimer-card p,.disclaimer-card ul{font-size:1.08rem;line-height:1.7;margin-bottom:1.2rem}.disclaimer-card ul{padding-left:1.2rem}.disclaimer-card li{margin-bottom:.7rem}.disclaimer-note{background:#f1f3f4;border-left:4px solid #1a73e8;border-radius:.5rem;font-size:1rem;margin-bottom:1.2rem;padding:.8rem 1rem}.disclaimer-links{margin-top:1.5rem;text-align:center}.disclaimer-links a{color:#1a73e8;font-weight:500;margin:0 .5rem;text-decoration:none;transition:color .2s}.disclaimer-links a:hover{color:#155ab6}@media (max-width:600px){.disclaimer-card{max-width:98vw;padding:1.2rem .7rem}.disclaimer-title{font-size:1.3rem}.disclaimer-card p,.disclaimer-card ul{font-size:.98rem}}
/*# sourceMappingURL=main.1ee58dd3.css.map*/