@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap";.navbar{height:var(--nav-height);z-index:50;transition:all var(--transition-normal);background:0 0;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-border);background:#030712d9;box-shadow:0 4px 30px #0000001a}.logo-text{font-family:var(--font-display);color:var(--color-text);font-size:1.5rem;font-weight:700}.logo-img{width:auto;height:40px}.nav-links{align-items:center;gap:var(--spacing-4);display:flex}.nav-link{color:var(--color-text-muted);white-space:nowrap;padding:.5rem 0;font-size:.95rem;font-weight:500;position:relative}.nav-link:hover,.nav-link.active{color:var(--color-text)}.nav-link:after{content:"";background:var(--color-primary);width:0;height:2px;transition:width var(--transition-normal);position:absolute;bottom:0;left:0}.nav-link:not(.dropdown-trigger):hover:after,.nav-link.active:after{width:100%}.dropdown-container{position:relative}.dropdown-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border);min-width:240px;padding:var(--spacing-2) 0;opacity:0;visibility:hidden;transition:all var(--transition-normal);background:#111827f2;border-radius:12px;position:absolute;top:100%;left:0;transform:translateY(10px);box-shadow:0 10px 40px -10px #00000080}.dropdown-container:hover .dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{padding:var(--spacing-2) var(--spacing-4);color:var(--color-text-muted);transition:all var(--transition-fast);font-size:.95rem;display:block}.dropdown-item:hover{color:var(--color-primary);background:#ffffff0d}@media (width>=1200px){.nav-links{gap:var(--spacing-6)}}.mobile-toggle{color:var(--color-text);display:none}.mobile-menu{display:none}@media (width<=1024px){.md-hidden{display:block}.md-flex{display:none!important}.mobile-toggle{display:block}.mobile-menu{top:var(--nav-height);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:var(--spacing-6);border-bottom:1px solid var(--color-border);opacity:0;visibility:hidden;transition:transform var(--transition-normal), opacity var(--transition-normal);background:#030712fa;display:block;position:fixed;bottom:0;left:0;right:0;overflow-y:auto;transform:translateY(-100%)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-link{padding:var(--spacing-3) 0;color:var(--color-text-muted);background:0 0;border:none;border-bottom:1px solid #ffffff0d;font-size:1.125rem;font-weight:500;display:block}.mobile-link:hover,.mobile-link.active{color:var(--color-text)}.mobile-link-sub{padding:var(--spacing-2) 0;color:var(--color-text-muted);font-size:1rem;display:block}.mobile-link-sub:hover{color:var(--color-primary)}.rotate-180{transform:rotate(180deg)}}.footer{background-color:var(--color-bg-alt);border-top:1px solid var(--color-border);margin-top:auto}.footer-title{color:var(--color-text);margin-bottom:var(--spacing-2);font-size:1.25rem}.footer-link{color:var(--color-text-muted);transition:color var(--transition-fast)}.footer-link:hover{color:var(--color-primary)}.social-link{width:40px;height:40px;color:var(--color-text-muted);transition:all var(--transition-normal);background-color:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.social-link:hover{background-color:var(--color-primary);color:#fff;transform:translateY(-2px)}.footer-bottom{border-top:1px solid var(--color-border);padding-top:var(--spacing-6)}.hero{min-height:100vh;padding-top:calc(var(--nav-height) + 4rem);justify-content:center;align-items:center;padding-bottom:4rem;display:flex;position:relative;overflow:hidden}.hero-bg-container{z-index:0;position:absolute;inset:0}.hero-bg-image{object-fit:cover;width:100%;height:100%}.hero-bg-overlay{background:linear-gradient(90deg,#030712f2 0%,#03071299 50%,#03071233 100%);position:absolute;inset:0}.hero-content{z-index:10;max-width:800px;position:relative}.hero-title{margin-bottom:var(--spacing-4);letter-spacing:-.02em;font-size:clamp(3rem,8vw,5rem);font-weight:800;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);margin-bottom:var(--spacing-8);font-size:clamp(1.25rem,3vw,2rem);font-weight:300;line-height:1.4}.hero-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.services-section{padding:var(--spacing-24) 0;background-color:var(--color-bg-alt)}.services-header{text-align:center;margin-bottom:var(--spacing-16)}.services-title{margin-bottom:var(--spacing-4);font-size:2.5rem;font-weight:700}.services-subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto;font-size:1.125rem}.services-grid{gap:var(--spacing-8);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.service-card{padding:var(--spacing-8);text-align:center;transition:transform var(--transition-normal)}.service-card:hover{transform:translateY(-8px)}.service-icon-wrapper{width:64px;height:64px;margin:0 auto var(--spacing-6);border-radius:50%;justify-content:center;align-items:center;display:flex}.service-card-title{margin-bottom:var(--spacing-4);font-size:1.25rem;font-weight:700}.service-card-desc{color:var(--color-text-muted);line-height:1.6}.cta-section{padding:var(--spacing-24) 0;text-align:center;position:relative;overflow:hidden}.cta-bg{pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#0000 60%);position:absolute;inset:0}.cta-title{margin-bottom:var(--spacing-6);z-index:10;font-size:clamp(2rem,5vw,3rem);font-weight:700;position:relative}.cta-desc{color:var(--color-text-muted);margin-bottom:var(--spacing-8);z-index:10;max-width:600px;margin-left:auto;margin-right:auto;font-size:1.25rem;position:relative}.cta-button{padding:var(--spacing-4) var(--spacing-8);z-index:10;font-size:1.125rem;position:relative}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{width:max-content;animation:20s linear infinite marquee;display:flex}.animate-marquee:hover{animation-play-state:paused}.blogs-page{min-height:100vh}.spinner{border:4px solid #ffffff1a;border-top-color:var(--color-primary);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-card{border:1px solid #ffffff0d;flex-direction:column;height:100%;text-decoration:none;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;overflow:hidden}.blog-card:hover{border-color:#3b82f64d;transform:translateY(-10px);box-shadow:0 20px 40px #0006,0 0 20px #3b82f633}.blog-card-image{height:240px;position:relative;overflow:hidden}.blog-card-image img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .blog-card-image img{transform:scale(1.08)}.blog-tags{z-index:10;gap:8px;display:flex;position:absolute;top:16px;left:16px}.blog-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#0009;border:1px solid #fff3;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:500}.blog-card-content{flex-direction:column;flex-grow:1;padding:24px;display:flex}.blog-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-title{color:var(--color-primary)}.blog-excerpt{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.read-more{opacity:0;transition:all .3s;transform:translate(-10px)}.blog-card:hover .read-more{opacity:1;transform:translate(0)}.blog-detail-hero{align-items:flex-end;height:60vh;min-height:400px;margin-bottom:60px;padding-bottom:40px;display:flex;position:relative}.blog-detail-bg{object-fit:cover;z-index:-2;width:100%;height:100%;position:absolute;top:0;left:0}.blog-detail-overlay{z-index:-1;background:linear-gradient(#0307124d 0%,#030712 100%);width:100%;height:100%;position:absolute;top:0;left:0}.blog-content-body{color:#ffffffd9;font-size:1.125rem;line-height:1.8}.blog-content-body h2,.blog-content-body h3{color:#fff;margin-top:2rem;margin-bottom:1rem}.blog-content-body p{margin-bottom:1.5rem}.admin-page{background-image:linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#ffffff08 1px,#0000 1px);background-position:50%;background-size:50px 50px}.login-container{width:100%;max-width:450px;margin:0 auto;padding:3rem 2.5rem}.dashboard-container{width:100%}.form-group{width:100%;margin-bottom:1.5rem}.form-group label{color:var(--text-color);opacity:.9;align-items:center;gap:.5rem;margin-bottom:.75rem;font-size:.95rem;font-weight:500;display:flex}.input-wrapper{width:100%;position:relative}.input-wrapper>svg:first-child{color:var(--color-text-muted);pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.form-group input,.form-group textarea{color:#fff;width:100%;font-family:var(--font-sans);transition:all var(--transition-normal);background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:1rem;font-size:1rem}.input-wrapper input{padding-left:3rem}.form-group input:focus,.form-group textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), .2);background-color:#ffffff14;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff4d}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #111827!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #111827!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #111827!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:white!important;-webkit-box-shadow:inset 0 0 0 30px #111827!important}textarea::-webkit-scrollbar{width:8px}textarea::-webkit-scrollbar-track{background:#ffffff05;border-radius:4px}textarea::-webkit-scrollbar-thumb{background:rgba(var(--primary-color-rgb), .3);border-radius:4px}textarea::-webkit-scrollbar-thumb:hover{background:rgba(var(--primary-color-rgb), .6)}.admin-header-glow{filter:blur(100px);pointer-events:none;background:#3b82f626;border-radius:50%;width:300px;height:300px;position:absolute;top:10%;left:-10%}.admin-footer-glow{filter:blur(100px);pointer-events:none;background:#10b98126;border-radius:50%;width:300px;height:300px;position:absolute;bottom:10%;right:-10%}.login-container .btn{width:100%;margin-top:1rem;padding:1rem;font-size:1.1rem}.dashboard-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1.5rem}.message-banner{border-radius:8px;align-items:flex-start;gap:.75rem;margin-bottom:1.5rem;padding:1rem;display:flex}.message-error{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.message-success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.password-toggle{color:var(--color-text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.error-message{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d;border-radius:8px;align-items:flex-start;gap:.5rem;margin-bottom:1.5rem;padding:.75rem;font-size:.875rem;display:flex}.error-message svg{flex-shrink:0;margin-top:.125rem}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.min-w-0{min-width:0}.blog-list-item{border-left:3px solid #0000;transition:all .3s}.blog-list-item:hover{border-left-color:var(--color-primary);transform:translate(2px)}.flex-1{flex:1}.h-32{height:8rem}.h-full{height:100%}.h-fit{height:fit-content}.object-cover{object-fit:cover}.image-preview-container img{opacity:.8;transition:opacity .3s}.image-preview-container:hover img{opacity:1}:root{--color-bg:#030712;--color-bg-alt:#111827;--color-text:#f9fafb;--color-text-muted:#9ca3af;--color-primary:#3b82f6;--color-primary-hover:#2563eb;--color-accent:#10b981;--color-accent-hover:#059669;--color-border:#ffffff1a;--color-glass-bg:#111827b3;--font-sans:"Inter", system-ui, sans-serif;--font-display:"Outfit", system-ui, sans-serif;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--max-width:1200px;--nav-height:80px;--transition-fast:.15s ease;--transition-normal:.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:inherit;transition:color var(--transition-fast);text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);width:100%;padding:0 var(--spacing-4);margin:0 auto}.glass-panel{background:var(--color-glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:16px}.text-gradient{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{padding:var(--spacing-3) var(--spacing-6);transition:all var(--transition-normal);justify-content:center;align-items:center;gap:var(--spacing-2);border-radius:9999px;font-weight:500;display:inline-flex}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 4px 14px #3b82f663}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #3b82f63b}.btn-outline{border:1px solid var(--color-border);color:var(--color-text);background-color:#0000}.btn-outline:hover{border-color:var(--color-text);background-color:#ffffff0d}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.6s ease-out forwards fadeIn}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.grid{gap:var(--spacing-8);display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width>=768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-4{gap:var(--spacing-4)}.gap-6{gap:1.5rem}.gap-8{gap:var(--spacing-8)}.gap-12{gap:3rem}.gap-16{gap:4rem}.gap-20{gap:5rem}.py-16{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}.py-24{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1.1}.text-6xl{font-size:3.75rem;line-height:1}@media (width>=768px){.md\:text-5xl{font-size:3rem;line-height:1}.md\:text-7xl{font-size:4.5rem;line-height:1}}.font-light{font-weight:300}.font-medium{font-weight:500}.font-bold{font-weight:700}.text-muted{color:var(--color-text-muted)}.leading-relaxed{line-height:1.625}.max-w-3xl{max-width:48rem;margin-left:auto;margin-right:auto}.max-w-4xl{max-width:56rem;margin-left:auto;margin-right:auto}.max-w-none{max-width:none}.w-12{width:3rem}.h-12{height:3rem}.w-16{width:4rem}.h-16{height:4rem}.w-20{width:5rem}.h-20{height:5rem}.mx-auto{margin-left:auto;margin-right:auto}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:.75rem}.overflow-hidden{overflow:hidden}.relative{position:relative}.absolute{position:absolute}.top-0{top:0}.right-0{right:0}.pointer-events-none{pointer-events:none}.inline-flex{display:inline-flex}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.mt-4{margin-top:var(--spacing-4)}.mt-12{margin-top:var(--spacing-12)}.pl-16{padding-left:var(--spacing-16)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.pt-32{padding-top:8rem}.pb-24{padding-bottom:var(--spacing-24)}@media (width>=768px){.md\:p-12{padding:var(--spacing-12)}}