:root{
  --bg:#f7f9ff;
  --bg-soft:#eef2ff;
  --surface:#ffffff;
  --surface-alt:#f3f6ff;
  --text:#1a2440;
  --muted:#5b6788;
  --primary:#355dff;
  --primary-dark:#2947c9;
  --accent:#6c8bff;
  --border:#d8e0ff;
  --radius:24px;
  --shadow:0 24px 60px rgba(45,76,173,.16);
}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:linear-gradient(180deg,#f9fbff,#f4f7ff 46%,#f7f9ff);color:var(--text);line-height:1.6}
a{color:inherit}
.container{width:min(1240px,94%);margin:auto}

img{max-width:100%;height:auto;display:block}

.header-actions nav{display:block}

.entry-card__thumb,.latest-card__thumb{display:block}

.post-entry__content > *:first-child{margin-top:0}
.post-entry__content > *:last-child{margin-bottom:0}
.post-entry__content h2,.post-entry__content h3,.post-entry__content h4{line-height:1.3;color:#1f2f66}
.post-entry__content p,.post-entry__content li{color:#2f3e69}
.post-entry__content a{color:#355dff}
.post-entry__content table{width:100%;border-collapse:collapse;margin:16px 0;background:#fff}
.post-entry__content th,.post-entry__content td{border:1px solid var(--border);padding:8px 10px}

.pagination,.nav-links{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:22px}
.page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 12px;border-radius:10px;border:1px solid var(--border);background:#fff;color:#2f4797;text-decoration:none;font-weight:700}
.page-numbers.current{background:linear-gradient(180deg,var(--primary),var(--primary-dark));border-color:transparent;color:#fff}
.page-numbers:hover{background:#edf2ff}

.site-header{position:sticky;top:0;z-index:20;padding:12px 0;border-bottom:1px solid var(--border);background:rgba(247,250,255,.92);backdrop-filter:blur(14px)}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px}
.logo{display:flex;flex-direction:column;text-decoration:none;gap:4px}
.logo__title{font-weight:900;font-size:1.24rem;color:#233a94}
.logo__meta{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#4f63af;font-weight:800}
.header-actions{display:flex;align-items:center;gap:16px}
.header-menu{list-style:none;display:flex;align-items:center;gap:8px;padding:0;margin:0}
.header-menu a{display:block;padding:10px 13px;border-radius:999px;text-decoration:none;font-weight:600;color:#2d4289}
.header-menu a:hover{background:#e8eeff}

.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 20px;border-radius:14px;text-decoration:none;font-weight:700;border:1px solid transparent;transition:.2s}
.btn--primary{background:linear-gradient(180deg,var(--primary),var(--primary-dark));color:#fff;box-shadow:0 12px 26px rgba(39,74,197,.32)}
.btn--primary:hover{transform:translateY(-1px)}
.btn--ghost{background:#fff;border-color:#c8d4ff;color:#2b4394}

.register-modal{position:fixed;inset:0;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:60}
.register-modal[aria-hidden="false"]{opacity:1;pointer-events:auto}
.register-modal__backdrop{position:absolute;inset:0;background:rgba(24,36,80,.52)}
.register-modal__dialog{position:relative;z-index:1;width:min(640px,92vw);background:#fff;border:1px solid #d9e2ff;border-radius:20px;padding:24px;box-shadow:0 24px 60px rgba(20,34,83,.32)}
.register-modal__close{position:absolute;right:10px;top:8px;width:34px;height:34px;border:none;border-radius:999px;background:#eef2ff;color:#2d468f;font-size:26px;line-height:1;cursor:pointer}
.register-modal__dialog h2{margin:0 0 8px;font-size:clamp(1.4rem,2.2vw,1.8rem)}
.register-modal__dialog p{margin:0 0 14px;color:var(--muted)}

.dle-box{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px}
.dle-box h3{margin:0 0 12px;font-size:1.2rem;color:#26409b}
.dle-box form{display:flex;gap:10px;align-items:center}
.dle-box input:not([type="hidden"]),.dle-box textarea{width:100%;height:44px;border:1px solid #c9d6ff;border-radius:11px;padding:10px 12px;font-size:1rem;background:#fbfcff}
.dle-box input:not([type="hidden"]):focus,.dle-box textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(53,93,255,.16)}
.dle-box button{height:44px;padding:0 18px;border:none;border-radius:11px;font-weight:700;color:#fff;background:linear-gradient(180deg,var(--primary),var(--primary-dark));cursor:pointer;white-space:nowrap}
.dle-box .dle-register-error{color:#b12545;font-weight:600}

.landing-section{padding:84px 0}
.landing-hero{padding:74px 0 44px;background:
  radial-gradient(circle at 12% 12%,#dce6ff 0,#edf2ff 26%,transparent 45%),
  radial-gradient(circle at 92% 8%,#dbe5ff 0,#edf2ff 24%,transparent 44%),
  linear-gradient(180deg,#f7faff,#f2f6ff)}
.landing-hero__inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:28px}
.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:8px 14px;border-radius:999px;background:#e8eeff;border:1px solid #d2dcff;font-size:.82rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:#324a9b}
.landing-hero h1{margin:0 0 16px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.05}
.landing-lead{margin:0 0 20px;color:#42527e;font-size:1.08rem;max-width:62ch}
.landing-hero__actions{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:18px}
.landing-hero__chips{margin:0;padding:0;list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.landing-hero__chips li{padding:8px 12px;border-radius:999px;background:#fff;border:1px solid var(--border);font-weight:700;color:#334b98;font-size:.84rem}
.landing-hero__media{display:flex;justify-content:center}
.landing-hero__media img{width:min(100%,640px);height:auto;filter:drop-shadow(0 26px 46px rgba(45,75,173,.2))}

.section-heading{max-width:760px;margin:0 auto 26px;text-align:center}
.section-heading h2{margin:0 0 10px;font-size:clamp(1.8rem,3vw,2.45rem)}
.section-heading p{margin:0;color:var(--muted)}

.danger-zone{background:var(--surface)}
.danger-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.danger-card{background:linear-gradient(160deg,#ffffff,#f4f7ff);border:1px solid var(--border);border-radius:20px;padding:20px;box-shadow:0 14px 32px rgba(32,63,161,.1)}
.danger-card h3{margin:0 0 8px;font-size:1.1rem;color:#2f4596}
.danger-card p{margin:0;color:var(--muted)}

.pulse-stats{padding-top:24px}
.pulse-stats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.pulse-stats__grid article{background:#fff;border:1px solid var(--border);border-radius:16px;padding:16px;text-align:center}
.pulse-stats__grid strong{display:block;font-size:1.45rem;color:#2f4696}
.pulse-stats__grid span{color:var(--muted);font-size:.94rem}

.workflow{background:var(--surface-alt)}
.workflow__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:20px}
.workflow__steps article{background:linear-gradient(165deg,#fff,#f2f6ff);border:1px solid var(--border);border-radius:16px;padding:20px}
.workflow__steps span{display:inline-grid;place-items:center;min-width:38px;height:38px;padding:0 8px;border-radius:999px;background:#e7edff;color:#3550a8;font-weight:800}
.workflow__steps h3{margin:12px 0 6px}
.workflow__steps p{margin:0;color:var(--muted)}
.landing-form-shell{background:#fff;border:1px solid var(--border);border-radius:18px;padding:18px}

.latest{background:#f8faff}
.latest-grid,.entries-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.latest-card,.entry-card{background:#fff;border:1px solid var(--border);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 10px 24px rgba(29,62,163,.09)}
.latest-card__thumb img,.entry-card__thumb img{display:block;width:100%;height:auto;background:#eef3ff}
.latest-card__body,.entry-card__body{padding:16px}
.latest-card__body h3,.entry-card__body h2{margin:0 0 10px;font-size:1.15rem;line-height:1.3}
.latest-card__body h3 a,.entry-card__body h2 a{text-decoration:none}
.latest-card__body p,.entry-card__body p{margin:0 0 10px;color:var(--muted)}
.text-link{font-weight:700;color:#355dff;text-decoration:none}
.text-link:hover{text-decoration:underline}

.faq-list{max-width:860px;margin:auto;display:grid;gap:12px}
.faq-list details{background:#fff;border:1px solid var(--border);border-radius:14px;padding:14px 16px}
.faq-list summary{cursor:pointer;font-weight:700;color:#2e448f}
.faq-list p{margin:10px 0 0;color:var(--muted)}

.seo-text__inner{background:#fff;border:1px solid var(--border);border-radius:16px;padding:22px}
.final-cta__inner{background:linear-gradient(145deg,#2f52d7,#6e8fff);padding:30px;border-radius:26px;color:#fff;box-shadow:var(--shadow)}
.section-heading--light p{color:#e9efff}
.landing-form-shell--light{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.38)}
.landing-form-shell--light .dle-box input:not([type="hidden"]){background:#fff}

.entries-page{padding:36px 0 60px}
.entries-page__header h1{margin:0 0 8px;font-size:clamp(2rem,3.1vw,2.7rem)}
.entries-page__header p{margin:0 0 20px;color:var(--muted)}

.content--single{padding:30px 0 56px}
.breadcrumbs{font-size:.94rem;color:#5a6788;margin-bottom:16px}
.post-entry{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;box-shadow:0 12px 30px rgba(30,64,170,.08)}
.post-entry__subject{margin:0 0 8px;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#324c9e}
.post-entry__header h1{margin:0 0 18px;font-size:clamp(1.85rem,3vw,2.55rem)}
.post-entry__content{color:#29365d}

.post-entry__content .dle-box{margin:20px 0;padding:18px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(155deg,#fff,#f1f5ff)}
.post-entry__content .dle-box h3{margin:0 0 12px;font-size:1.35rem;line-height:1.25;color:#2d4597}
.post-entry__content .dle-box form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}
.post-entry__content .dle-box .dle-register-error{grid-column:1 / -1;margin-top:4px}
.related-links{margin-top:20px;background:#f1f5ff;border:1px solid var(--border);border-radius:14px;padding:18px}
.related-links__title{margin:0 0 10px}
.related-links__list{margin:0;padding-left:18px;display:grid;gap:8px}
.related-links__item a{color:#355dff;text-decoration:none;font-weight:600}
.related-links__item a:hover{text-decoration:underline}

.site-footer{margin-top:38px;padding:28px 0;background:#eef2ff;border-top:1px solid var(--border)}
.site-footer__inner{display:flex;flex-direction:column;gap:12px;align-items:center;text-align:center}
.footer-menu{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:center}
.footer-menu a{color:#4059a9;text-decoration:none;font-weight:600}
.footer-menu a:hover{text-decoration:underline}

@media (max-width:1080px){
  .landing-hero__inner{grid-template-columns:1fr}
  .danger-grid,.pulse-stats__grid,.latest-grid,.entries-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .header-inner{flex-wrap:wrap}
  .header-actions{width:100%;flex-direction:column;align-items:stretch}
  .header-menu{justify-content:center;flex-wrap:wrap}
  .header-register-btn{width:100%}
  .workflow__steps{grid-template-columns:1fr}
}
@media (max-width:560px){
  .landing-section{padding:64px 0}
  .danger-grid,.pulse-stats__grid,.latest-grid,.entries-grid{grid-template-columns:1fr}
  .landing-hero__actions .btn{width:100%}
  .register-modal__dialog{padding:20px 14px}
  .register-modal .dle-box form,.landing-form-shell .dle-box form{flex-direction:column}
  .register-modal .dle-box input:not([type="hidden"]),
  .register-modal .dle-box textarea,
  .landing-form-shell .dle-box input:not([type="hidden"]),
  .landing-form-shell .dle-box textarea,
  .register-modal .dle-box button,
  .landing-form-shell .dle-box button{width:100%;height:40px !important;min-height:40px !important;max-height:40px !important;padding-top:7px;padding-bottom:7px}
  .post-entry__content .dle-box{padding:14px}
  .post-entry__content .dle-box h3{font-size:1.15rem}
  .post-entry__content .dle-box form{grid-template-columns:1fr}
  .post-entry__content .dle-box button{width:100%;height:40px}
}