.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;height:var(--nav-h);background:#fffffff7;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:box-shadow .3s}.navbar.scrolled{box-shadow:var(--shadow-md)}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.nav-logo{font-family:var(--font-display);font-size:1.35rem;font-weight:800;color:var(--blue-900);text-decoration:none;letter-spacing:-.02em;z-index:1}.nav-logo span{color:var(--blue-500)}.hamburger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;cursor:pointer;background:var(--blue-50);border:1.5px solid var(--border);border-radius:var(--radius-sm);transition:background .2s,border-color .2s;z-index:1}.hamburger:hover{background:var(--blue-100);border-color:var(--blue-300)}.hamburger.open{background:var(--blue-600);border-color:var(--blue-600)}.hamburger span{display:block;width:100%;height:2px;background:var(--blue-900);border-radius:2px;transition:all .3s cubic-bezier(.4,0,.2,1);transform-origin:center}.hamburger.open span{background:#fff}.hamburger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.nav-dropdown{position:fixed;top:var(--nav-h);right:24px;z-index:999;width:260px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;opacity:0;transform:translateY(-12px) scale(.97);pointer-events:none;transform-origin:top right;transition:opacity .22s cubic-bezier(.4,0,.2,1),transform .22s cubic-bezier(.4,0,.2,1)}.nav-dropdown.open{opacity:1;transform:translateY(0) scale(1);pointer-events:all}.nav-dropdown-inner{padding:8px;display:flex;flex-direction:column;gap:2px}.dropdown-link{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.92rem;font-weight:600;color:var(--text-secondary);text-decoration:none;padding:11px 14px;border-radius:var(--radius-sm);transition:all .15s ease;position:relative}.dropdown-link:hover{color:var(--blue-700);background:var(--blue-50)}.dropdown-link.active{color:var(--blue-600);background:var(--blue-50);font-weight:700}.dropdown-link.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;background:var(--blue-500);border-radius:0 2px 2px 0}.dropdown-admin{margin-top:6px;padding-top:14px;border-top:1px solid var(--border);color:var(--blue-600)}.dropdown-admin svg{width:16px;height:16px;stroke:var(--blue-500);flex-shrink:0}.dropdown-admin:hover{background:var(--blue-600);color:#fff}.dropdown-admin:hover svg{stroke:#fff}.dropdown-admin.active{background:var(--blue-600);color:#fff}.dropdown-admin.active svg{stroke:#fff}.dropdown-admin.active:before{display:none}.nav-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:998;background:transparent}.nav-dropdown.open .dropdown-link{animation:dropItem .25s ease both}.nav-dropdown.open .dropdown-link:nth-child(1){animation-delay:.03s}.nav-dropdown.open .dropdown-link:nth-child(2){animation-delay:.06s}.nav-dropdown.open .dropdown-link:nth-child(3){animation-delay:.09s}.nav-dropdown.open .dropdown-link:nth-child(4){animation-delay:.12s}.nav-dropdown.open .dropdown-link:nth-child(5){animation-delay:.15s}.nav-dropdown.open .dropdown-link:nth-child(6){animation-delay:.18s}.nav-dropdown.open .dropdown-link:nth-child(7){animation-delay:.21s}.nav-dropdown.open .dropdown-link:nth-child(8){animation-delay:.24s}@keyframes dropItem{0%{opacity:0;transform:translate(8px)}to{opacity:1;transform:translate(0)}}@media (max-width: 480px){.nav-dropdown{right:12px;left:12px;width:auto}}.hero{min-height:calc(100vh - var(--nav-h));background:linear-gradient(160deg,var(--blue-950) 0%,var(--blue-800) 55%,var(--blue-600) 100%);position:relative;overflow:hidden;display:flex;align-items:center;padding:80px 0}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.04;background-image:linear-gradient(var(--blue-300) 1px,transparent 1px),linear-gradient(90deg,var(--blue-300) 1px,transparent 1px);background-size:48px 48px}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 50%,rgba(41,121,212,.2) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(91,158,232,.15) 0%,transparent 40%)}.hero-visual{position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:500px;height:500px;opacity:.1;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:780px}.hero-tag{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-200);background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:100px;padding:6px 16px;margin-bottom:24px}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--blue-300);animation:pulse 2s ease-in-out infinite}.hero h1{color:var(--white);margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--blue-300)}.hero-sub{font-size:1.1rem;color:#ffffffb8;max-width:540px;margin-bottom:40px;font-weight:300}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.hero-btn-outline{color:#ffffffd9;border-color:#ffffff4d}.hero-btn-outline:hover{background:#ffffff1a;border-color:#ffffff80}.hero-stats{display:flex;gap:40px;margin-top:56px;padding-top:40px;border-top:1px solid rgba(255,255,255,.1);flex-wrap:wrap}.hero-stat-num{font-family:var(--font-display);font-size:1.9rem;font-weight:800;color:var(--white);line-height:1}.hero-stat-label{font-size:.8rem;color:#ffffff80;margin-top:4px}.strip{background:var(--off-white);padding:16px 0;border-bottom:1px solid var(--border);overflow:hidden}.strip-track{display:flex;animation:marquee 30s linear infinite}.strip-item{font-family:var(--font-display);font-size:.82rem;font-weight:600;color:var(--text-secondary);white-space:nowrap;padding:0 24px;position:relative}.strip-item:after{content:"—";color:var(--blue-300);margin-left:24px}.about-visual{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:4/3;background:linear-gradient(135deg,var(--blue-800),var(--blue-600));display:flex;align-items:center;justify-content:center;position:relative}.about-placeholder{text-align:center}.about-placeholder svg{width:80px;height:80px;opacity:.35;display:block;margin:0 auto 12px}.about-placeholder p{color:#fff6;font-size:.85rem}.about-badge{position:absolute;bottom:24px;left:24px;background:#fff;border-radius:var(--radius-md);padding:14px 20px;box-shadow:var(--shadow-md)}.about-badge-num{font-family:var(--font-display);font-size:1.6rem;font-weight:800;color:var(--blue-600);line-height:1}.about-badge-text{font-size:.75rem;color:var(--text-muted);margin-top:2px}.services-preview-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.service-preview-card{padding:32px;border-radius:var(--radius-lg);background:var(--white);border:1px solid var(--border);transition:all .3s ease}.service-preview-card:hover{border-color:var(--blue-400);box-shadow:0 0 0 4px var(--blue-50),var(--shadow-md);transform:translateY(-3px)}.service-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--blue-50);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.service-icon svg{width:26px;height:26px;stroke:var(--blue-600);stroke-width:1.8;fill:none}.service-preview-card h3{margin-bottom:10px}.courses-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:20px;margin-bottom:40px}.courses-link{color:var(--blue-300);border-color:#5b9ee866;flex-shrink:0}.course-preview-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);overflow:hidden;transition:all .3s}.course-preview-card:hover{background:#ffffff14;border-color:#5b9ee866;transform:translateY(-4px)}.course-thumb{height:150px;display:flex;align-items:center;justify-content:center;position:relative}.course-thumb svg{width:48px;height:48px}.course-level{position:absolute;top:12px;right:12px;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-radius:100px;padding:3px 10px}.level-beg{background:#5b9ee840;color:var(--blue-200)}.level-int{background:#ffb40033;color:#ffda6a}.level-adv{background:#ff505033;color:#f99}.course-body{padding:20px}.course-body h3{color:#fff;font-size:1.05rem;margin-bottom:10px}.course-meta{display:flex;justify-content:space-between;align-items:center}.course-price{font-family:var(--font-display);font-weight:800;color:var(--blue-300);font-size:1.1rem}.course-dur{font-size:.78rem;color:#fff6}.testimonial-card{padding:32px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.quote-mark{font-size:2.5rem;line-height:1;color:var(--blue-300);font-family:Georgia,serif;margin-bottom:12px}.testimonial-author{display:flex;align-items:center;gap:12px}.author-avatar{width:42px;height:42px;border-radius:50%;background:var(--blue-600);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;color:#fff;font-size:.9rem;flex-shrink:0}.author-avatar-img{width:42px;height:42px;border-radius:50%;overflow:hidden;border:2px solid var(--blue-100);flex-shrink:0}.author-avatar-img img{width:100%;height:100%;object-fit:cover}.author-name{font-family:var(--font-display);font-weight:700;font-size:.9rem}.author-role{font-size:.78rem;color:var(--text-muted)}@media (max-width: 768px){.hero{padding:60px 0}.hero-visual{display:none}.hero-stats{gap:24px}.services-preview-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column}.hero-actions .btn{justify-content:center}}.about-story-visual{position:relative;border-radius:var(--radius-xl);overflow:visible}.about-story-img{border-radius:var(--radius-xl);overflow:hidden;aspect-ratio:1}.about-story-img img{width:100%;height:100%;object-fit:cover}.about-badge{position:absolute;bottom:-20px;left:-20px;background:#fff;border-radius:var(--radius-md);padding:16px 22px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.about-badge-num{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--blue-600);line-height:1}.about-badge-text{font-size:.78rem;color:var(--text-muted);margin-top:4px}.values-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.value-video-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all .3s}.value-video-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.value-video-wrap{width:100%;aspect-ratio:16/9;border-radius:var(--radius-md);overflow:hidden;margin-bottom:18px}.value-video-wrap video{width:100%;height:100%;object-fit:cover}.value-video-card h3{font-size:1rem;margin-bottom:8px}.value-video-card p{font-size:.85rem}.real-team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px}.real-team-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:all .3s}.real-team-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.real-team-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;margin:0 auto 16px;border:3px solid var(--blue-100);box-shadow:0 0 0 3px var(--blue-50)}.real-team-photo img{width:100%;height:100%;object-fit:cover}.real-team-card h3{font-size:1rem;margin-bottom:4px}.real-team-role{font-size:.78rem;color:var(--blue-500);font-weight:600;margin-bottom:10px}.real-team-card p{font-size:.82rem;line-height:1.6}@media (max-width: 1024px){.values-video-grid{grid-template-columns:repeat(2,1fr)}.real-team-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 640px){.values-video-grid{grid-template-columns:1fr 1fr}.real-team-grid{grid-template-columns:repeat(2,1fr)}.about-badge{bottom:-10px;left:-10px;padding:12px 16px}}@media (max-width: 400px){.values-video-grid,.real-team-grid{grid-template-columns:1fr}}.services-list{display:flex;flex-direction:column;gap:24px}.service-full-card{padding:40px;border-radius:var(--radius-xl);border:1px solid var(--border);background:var(--white);display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:start;transition:all .3s}.service-full-card:hover{box-shadow:var(--shadow-md);border-color:var(--blue-300)}.service-full-icon{width:64px;height:64px;border-radius:var(--radius-md);background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0}.service-full-icon svg{width:32px;height:32px;stroke:var(--blue-600);stroke-width:1.7;fill:none}.service-full-body h3{font-size:1.4rem;margin-bottom:10px}.feature-pills{display:flex;flex-wrap:wrap;gap:8px}.feature-pill{font-size:.78rem;font-family:var(--font-display);font-weight:600;padding:5px 12px;border-radius:100px;background:var(--blue-50);color:var(--blue-600);border:1px solid var(--blue-200)}@media (max-width: 600px){.service-full-card{grid-template-columns:1fr}}.portfolio-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:40px}.filter-btn{font-family:var(--font-display);font-size:.82rem;font-weight:700;padding:8px 20px;border-radius:100px;border:1.5px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s}.filter-btn:hover,.filter-btn.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.portfolio-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s;background:#fff}.portfolio-card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px)}.portfolio-card-img{height:200px;display:flex;align-items:center;justify-content:center}.portfolio-card-img svg{width:48px;height:48px}.portfolio-card-body{padding:22px}.portfolio-cat{font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--blue-500);margin-bottom:8px}.portfolio-card-body h3{margin-bottom:8px;font-size:1.05rem}.tech-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}.tech-tag{font-size:.72rem;padding:3px 9px;border-radius:100px;background:var(--blue-50);color:var(--blue-600);font-family:var(--font-display);font-weight:600}@media (max-width: 768px){.portfolio-grid{grid-template-columns:1fr 1fr}}@media (max-width: 480px){.portfolio-grid{grid-template-columns:1fr}}.courses-filter-bar{background:#ffffffeb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);padding:16px 0;position:sticky;top:var(--nav-h);z-index:100}.courses-filter-inner{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.course-search-wrap{position:relative;width:280px;flex-shrink:0}.search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:17px;height:17px;color:var(--text-muted);pointer-events:none}.course-search-input{width:100%;padding:10px 14px 10px 38px;border:1.5px solid var(--border);border-radius:var(--radius-md);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s}.course-search-input:focus{border-color:var(--blue-400);box-shadow:0 0 0 3px var(--blue-50)}.category-pills{display:flex;gap:8px;flex-wrap:wrap}.cat-pill{font-family:var(--font-display);font-size:.82rem;font-weight:600;padding:7px 16px;border-radius:100px;border:1.5px solid var(--border);background:#fff;color:var(--text-secondary);cursor:pointer;transition:all .2s}.cat-pill:hover{border-color:var(--blue-400);color:var(--blue-600)}.cat-pill.active{background:var(--blue-600);color:#fff;border-color:var(--blue-600)}.courses-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.course-card-outer{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;display:flex;flex-direction:column;transition:all .3s;box-shadow:var(--shadow-sm)}.course-card-outer:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px);border-color:var(--blue-200)}.course-card-link{text-decoration:none;color:inherit;flex:1;display:flex;flex-direction:column}.course-card-img-wrap{height:200px;overflow:hidden;position:relative;flex-shrink:0}.course-card-img-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.course-card-outer:hover .course-card-img-wrap img{transform:scale(1.07)}.course-card-badges{position:absolute;top:14px;left:14px;display:flex;gap:8px}.course-cat-badge,.course-level-badge{font-family:var(--font-display);font-size:.68rem;font-weight:700;padding:4px 10px;border-radius:100px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.course-cat-badge{background:#ffffffe0;color:var(--blue-800)}.level-beg{background:#2979d4d9;color:#fff}.level-int{background:#d97706d9;color:#fff}.level-adv{background:#dc2626d9;color:#fff}.course-card-body{padding:22px;flex:1}.course-card-body h3{font-size:1.05rem;margin-bottom:8px;line-height:1.4;color:var(--text-primary);transition:color .2s}.course-card-outer:hover .course-card-body h3{color:var(--blue-600)}.course-card-body>p{font-size:.88rem;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-card-meta{display:flex;gap:16px;font-size:.82rem;color:var(--text-muted)}.course-card-meta span{display:flex;align-items:center;gap:5px}.course-card-meta svg{width:14px;height:14px;flex-shrink:0;stroke:var(--blue-400)}.course-card-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;gap:10px;justify-content:flex-end}.modal-course-label{font-family:var(--font-display);font-size:.78rem;font-weight:700;color:var(--blue-500);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.enroll-notice{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-sm);padding:14px 16px;font-size:.85rem;color:var(--blue-700);margin-bottom:20px;line-height:1.55}.enroll-success{text-align:center;padding:20px 0}.success-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;margin:0 auto 16px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.courses-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.courses-filter-inner{flex-direction:column;align-items:flex-start}.course-search-wrap{width:100%}}@media (max-width: 540px){.courses-grid{grid-template-columns:1fr}}.cd-hero{background:linear-gradient(160deg,var(--blue-950) 0%,var(--blue-800) 100%);padding:60px 0 80px}.cd-hero-inner{position:relative}.cd-back{display:inline-flex;align-items:center;gap:8px;color:#fff9;text-decoration:none;font-size:.88rem;font-family:var(--font-display);font-weight:600;margin-bottom:32px;transition:color .2s}.cd-back:hover{color:#fff}.cd-back svg{width:16px;height:16px}.cd-hero-grid{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:start}.cd-badges{display:flex;gap:10px;margin-bottom:16px}.cd-badge-cat,.cd-badge-level{font-family:var(--font-display);font-size:.72rem;font-weight:700;padding:5px 14px;border-radius:100px}.cd-badge-cat{background:#ffffff1f;color:var(--blue-200)}.cd-badge-level{background:#2979d44d;color:var(--blue-200)}.cd-hero h1{color:#fff;font-size:clamp(1.8rem,3.5vw,2.8rem);margin-bottom:16px}.cd-long-desc{color:#ffffffa6;font-size:1.05rem;margin-bottom:24px;line-height:1.7}.cd-meta{display:flex;gap:24px;flex-wrap:wrap}.cd-meta span{display:flex;align-items:center;gap:8px;color:#ffffffb3;font-size:.9rem}.cd-meta svg{width:18px;height:18px;flex-shrink:0}.cd-enroll-card{background:#fff;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.cd-course-img{height:200px;overflow:hidden}.cd-course-img img{width:100%;height:100%;object-fit:cover}.cd-form{padding:28px}.cd-form h3{margin-bottom:18px}.cd-success{padding:40px 28px;text-align:center}.cd-success h3{margin:12px 0 8px}.success-icon{width:60px;height:60px;border-radius:50%;background:#d1fae5;margin:0 auto;display:flex;align-items:center;justify-content:center}.success-icon svg{width:28px;height:28px;stroke:#059669;stroke-width:2.5;fill:none}.cd-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}.cd-content-grid h2{font-size:1.6rem;margin-bottom:24px}.cd-curriculum,.cd-features{display:flex;flex-direction:column;gap:12px}.cd-curriculum-item,.cd-feature-item{display:flex;align-items:center;gap:16px;padding:16px;border-radius:var(--radius-md);background:var(--off-white);border:1px solid var(--border)}.cd-num{width:32px;height:32px;border-radius:var(--radius-sm);flex-shrink:0;background:var(--blue-50);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:700;font-size:.82rem;color:var(--blue-600)}.cd-feature-item svg{width:22px;height:22px;stroke:var(--blue-500);flex-shrink:0}.enroll-notice{background:var(--blue-50);border:1px solid var(--blue-200);border-radius:var(--radius-sm);padding:12px 14px;color:var(--blue-700);margin-bottom:16px;line-height:1.55}@media (max-width: 1024px){.cd-hero-grid{grid-template-columns:1fr}.cd-enroll-card{max-width:560px}}@media (max-width: 768px){.cd-content-grid{grid-template-columns:1fr}}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.blog-card{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);transition:all .3s;background:#fff}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.blog-thumb{height:180px;display:flex;align-items:center;justify-content:center;position:relative}.blog-thumb svg{width:40px;height:40px}.blog-category{position:absolute;top:14px;left:14px;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffffff2e;color:#fff;border-radius:100px;padding:4px 10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2)}.blog-body{padding:24px}.blog-meta{display:flex;gap:10px;font-size:.78rem;color:var(--text-muted);margin-bottom:10px}.blog-body h3{font-size:1.05rem;margin-bottom:10px;line-height:1.4}.read-more{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--blue-600);text-decoration:none;margin-top:14px;transition:gap .2s}.read-more:hover{gap:10px}.read-more svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:2.5}@media (max-width: 900px){.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width: 540px){.blog-grid{grid-template-columns:1fr}}.contact-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:56px;align-items:start}.contact-info-item{display:flex;gap:16px;margin-bottom:28px}.contact-icon{width:44px;height:44px;border-radius:var(--radius-md);flex-shrink:0;background:var(--blue-50);display:flex;align-items:center;justify-content:center}.contact-icon svg{width:20px;height:20px;stroke:var(--blue-600);fill:none;stroke-width:2}.contact-info-item h4{font-size:.9rem;margin-bottom:4px}.social-links{display:flex;gap:12px;margin-top:24px}.social-btn{width:40px;height:40px;border-radius:50%;background:#111;display:flex;align-items:center;justify-content:center;transition:transform .2s ease,background .2s ease}.social-btn:hover{transform:translateY(-2px);background:#2563eb}.social-btn:hover svg{stroke:#fff}.social-btn svg{width:18px;height:18px;fill:#fff}.contact-form-card{background:var(--off-white);border:1px solid var(--border);border-radius:var(--radius-xl);padding:40px}.contact-form-card h3{font-size:1.2rem}.success-icon{width:64px;height:64px;border-radius:50%;background:#d1fae5;display:flex;align-items:center;justify-content:center}.success-icon svg{width:30px;height:30px;stroke:#059669;stroke-width:2.5;fill:none}@media (max-width: 768px){.contact-grid{grid-template-columns:1fr}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--off-white);padding:24px}.login-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-xl);padding:48px;max-width:420px;width:100%;box-shadow:var(--shadow-md)}.login-logo{text-align:center;margin-bottom:32px}.login-icon{width:56px;height:56px;background:var(--blue-600);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin:0 auto 16px}.login-icon svg{width:28px;height:28px}.login-logo h2{margin-bottom:6px}.login-logo p{font-size:.9rem}.login-hint{text-align:center;font-size:.78rem;color:var(--text-muted);margin-top:14px}.edit-modal-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.edit-modal-fields .form-group{margin-bottom:16px}.edit-modal-fields .form-group.full-width{grid-column:1 / -1}.action-btns{display:flex;gap:6px;flex-wrap:wrap}.btn-danger{background:#fee2e2;color:#991b1b;border:1.5px solid #FCA5A5;padding:9px 16px}.btn-danger:hover{background:#fca5a5;color:#7f1d1d;transform:translateY(-1px)}.table-scroll{overflow-x:auto}.table-scroll table{min-width:700px}@media (max-width: 600px){.edit-modal-fields{grid-template-columns:1fr}.stats-grid{grid-template-columns:1fr 1fr!important}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}:root{--blue-950: #020D1F;--blue-900: #041528;--blue-800: #062040;--blue-700: #0A3060;--blue-600: #0E4A8C;--blue-500: #1565C0;--blue-400: #2979D4;--blue-300: #5B9EE8;--blue-200: #93C4F5;--blue-100: #D0E8FF;--blue-50: #EAF4FF;--white: #FFFFFF;--off-white: #F7FAFF;--text-primary: #020D1F;--text-secondary: #3A567A;--text-muted: #6B8AAA;--border: rgba(14,74,140,.12);--shadow-sm: 0 2px 8px rgba(2,13,31,.06);--shadow-md: 0 8px 32px rgba(2,13,31,.1);--shadow-lg: 0 24px 64px rgba(2,13,31,.14);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--radius-xl: 32px;--nav-h: 72px;--font-display: "Syne", sans-serif;--font-body: "DM Sans", sans-serif}body{font-family:var(--font-body);background:var(--white);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--blue-50)}::-webkit-scrollbar-thumb{background:var(--blue-400);border-radius:3px}h1,h2,h3,h4{font-family:var(--font-display);line-height:1.15}h1{font-size:clamp(2.2rem,5vw,3.8rem);font-weight:800}h2{font-size:clamp(1.7rem,3.5vw,2.6rem);font-weight:700}h3{font-size:1.2rem;font-weight:700}p{color:var(--text-secondary);line-height:1.75}a{text-decoration:none}.container{max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:96px 0}.section-sm{padding:64px 0}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--blue-500);background:var(--blue-50);border:1px solid var(--blue-200);border-radius:100px;padding:5px 14px;margin-bottom:16px}.tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--blue-500)}.tag-dark{background:#ffffff14;border-color:#ffffff26;color:var(--blue-200)}.tag-dark:before{background:var(--blue-300)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-display);font-size:.9rem;font-weight:700;border-radius:100px;cursor:pointer;border:none;transition:all .25s cubic-bezier(.34,1.56,.64,1);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--blue-600);color:#fff;padding:14px 30px;box-shadow:0 4px 20px #0e4a8c59}.btn-primary:hover{background:var(--blue-700);transform:translateY(-2px);box-shadow:0 8px 28px #0e4a8c73}.btn-outline{background:transparent;color:var(--blue-600);padding:13px 29px;border:2px solid var(--blue-300)}.btn-outline:hover{background:var(--blue-50);border-color:var(--blue-500);transform:translateY(-2px)}.btn-white{background:#fff;color:var(--blue-700);padding:14px 30px;box-shadow:0 4px 20px #0000001f}.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0000002e}.btn-sm{padding:9px 20px;font-size:.82rem}.btn-lg{padding:17px 38px;font-size:1rem}.btn-block{width:100%;justify-content:center}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn svg{width:17px;height:17px;flex-shrink:0}.card{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:var(--blue-200)}.page-hero{background:linear-gradient(160deg,var(--blue-950) 0%,var(--blue-800) 100%);padding:80px 0;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 70% 50%,rgba(41,121,212,.2) 0%,transparent 60%)}.page-hero-inner{position:relative;z-index:1}.page-hero h1{color:var(--white);margin-bottom:16px}.page-hero>div>p{color:#ffffffa6;max-width:560px;font-size:1.1rem}.cta-band{background:linear-gradient(135deg,var(--blue-700) 0%,var(--blue-900) 100%);border-radius:var(--radius-xl);padding:64px;text-align:center;position:relative;overflow:hidden}.cta-band:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 30% 50%,rgba(91,158,232,.15) 0%,transparent 60%)}.cta-band>*{position:relative;z-index:1}.cta-band h2{color:var(--white);margin-bottom:16px}.cta-band p{color:#ffffffa6;max-width:500px;margin:0 auto 36px}.cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.check-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin:20px 0}.check-list li{display:flex;align-items:flex-start;gap:10px;font-size:.95rem;color:var(--text-secondary)}.check-icon{width:20px;height:20px;border-radius:50%;background:var(--blue-500);flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-top:2px}.check-icon svg{width:11px;height:11px;stroke:#fff;stroke-width:3;fill:none}.form-group{margin-bottom:20px}.form-label{display:block;font-family:var(--font-display);font-size:.82rem;font-weight:700;color:var(--text-primary);margin-bottom:7px}.form-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:.95rem;color:var(--text-primary);background:var(--white);transition:border-color .2s,box-shadow .2s;outline:none}.form-input:focus{border-color:var(--blue-500);box-shadow:0 0 0 3px var(--blue-50)}.form-input::placeholder{color:var(--text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%236B8AAA' stroke-width='2.5'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}.form-error{font-size:.78rem;color:#dc2626;margin-top:4px}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#020d1fb3;z-index:2000;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay.open{display:flex}.modal{background:var(--white);border-radius:var(--radius-xl);padding:40px;max-width:540px;width:100%;max-height:90vh;overflow-y:auto;position:relative;box-shadow:var(--shadow-lg)}.modal-close{position:absolute;top:20px;right:20px;width:34px;height:34px;border-radius:50%;background:var(--blue-50);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}.modal-close:hover{background:var(--blue-100)}.modal-close svg{width:16px;height:16px;stroke:var(--blue-700);stroke-width:2.5;fill:none}.badge{display:inline-block;font-family:var(--font-display);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 10px;border-radius:100px}.badge-pending{background:#fef9c3;color:#854d0e}.badge-paid{background:#d1fae5;color:#065f46}.badge-published{background:#dbeafe;color:#1e40af}.badge-draft{background:#f3f4f6;color:#4b5563}.badge-live{background:#d1fae5;color:#065f46}.badge-hidden{background:#f3f4f6;color:#4b5563}.toast{position:fixed;bottom:28px;right:28px;z-index:9999;background:var(--blue-900);color:#fff;padding:14px 20px;border-radius:var(--radius-md);font-family:var(--font-display);font-size:.88rem;font-weight:600;box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;transform:translateY(80px);opacity:0;transition:all .4s cubic-bezier(.34,1.56,.64,1);max-width:320px;pointer-events:none}.toast.show{transform:translateY(0);opacity:1}.toast.error{background:#7f1d1d}.toast svg{width:18px;height:18px;stroke:var(--blue-300);fill:none;stroke-width:2.5;flex-shrink:0}.toast.error svg{stroke:#fca5a5}footer{background:var(--blue-950);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-logo{font-family:var(--font-display);font-size:1.4rem;font-weight:800;color:#fff}.footer-logo span{color:var(--blue-400)}.footer-brand p{color:#ffffff73;font-size:.88rem;margin-top:14px;max-width:260px}.footer-col h4{font-family:var(--font-display);font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#ffffff59;margin-bottom:16px}.footer-col a{display:block;color:#ffffff8c;font-size:.88rem;margin-bottom:10px;transition:color .2s;text-decoration:none}.footer-col a:hover{color:var(--blue-300)}.footer-bottom{border-top:1px solid rgba(255,255,255,.07);padding-top:28px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.footer-bottom p{color:#ffffff4d;font-size:.82rem}.admin-layout{display:flex;min-height:100vh}.admin-sidebar{width:240px;flex-shrink:0;background:var(--blue-950);padding:0}.sidebar-logo{padding:20px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:8px}.sidebar-logo-text{font-family:var(--font-display);font-size:1rem;font-weight:800;color:#fff}.sidebar-logo-text span{color:var(--blue-400)}.sidebar-subtitle{font-size:.7rem;color:#ffffff4d;margin-top:2px}.sidebar-section{font-family:var(--font-display);font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#ffffff40;padding:0 20px;margin:16px 0 6px}.sidebar-btn{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.85rem;font-weight:600;color:#ffffff8c;padding:10px 20px;cursor:pointer;transition:all .2s;border:none;background:none;width:100%;text-align:left}.sidebar-btn:hover{color:#fff;background:#ffffff0f}.sidebar-btn.active{color:#fff;background:#2979d440;border-left:3px solid var(--blue-400)}.sidebar-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;flex-shrink:0}.admin-main{flex:1;background:var(--off-white);padding:32px;overflow-y:auto}.admin-header{margin-bottom:32px}.admin-header h2{font-size:1.6rem;margin-bottom:4px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px}.stat-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:22px 24px}.stat-label{font-size:.78rem;color:var(--text-muted);font-family:var(--font-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:var(--blue-900)}.admin-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:24px}.admin-card h3{margin-bottom:20px;padding-bottom:14px;border-bottom:1px solid var(--border);font-size:1rem}.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.admin-table-wrap{background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden}.admin-table-header{padding:18px 24px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.admin-table-header h3{font-size:1rem;margin:0}table{width:100%;border-collapse:collapse}thead th{text-align:left;font-family:var(--font-display);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:12px 20px;background:var(--off-white);border-bottom:1px solid var(--border)}tbody td{padding:14px 20px;border-bottom:1px solid var(--border);font-size:.9rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--blue-50)}.empty-row td{text-align:center;color:var(--text-muted);padding:40px!important}textarea.form-input{min-height:100px;resize:vertical}@media (max-width: 1024px){.grid-4,.stats-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr}}@media (max-width: 768px){.section{padding:64px 0}.grid-2,.grid-3,.form-row,.admin-form-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr;gap:24px}.cta-band{padding:40px 24px}.admin-sidebar{width:200px}}@media (max-width: 480px){.container{padding:0 16px}.stats-grid{grid-template-columns:1fr 1fr}.admin-layout{flex-direction:column}.admin-sidebar{width:100%}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.fade-up{animation:fadeUp .6s ease both}.fade-up-1{animation-delay:.1s}.fade-up-2{animation-delay:.2s}.fade-up-3{animation-delay:.3s}.fade-up-4{animation-delay:.4s}