@font-face{font-family:Vazirmatn;src:url('../homepage/assets/vazirmatn-arabic-400-normal.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Vazirmatn;src:url('../homepage/assets/vazirmatn-arabic-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--kanon-brand-navy:#06345e;--kanon-brand-blue:#0b73d9;--kanon-brand-sky:#eaf4fd;--kanon-surface:#fff;--kanon-page-bg:#f4f8fd;--kanon-text:#082e59;--kanon-muted:#607b99;--kanon-border:#d7e5f4;--kanon-radius:10px;--kanon-shadow:0 6px 20px rgba(7,59,104,.08)}
body.kanon-public-page{margin:0;background:var(--kanon-page-bg);color:var(--kanon-text);font-family:Vazirmatn,Tahoma,Arial,sans-serif}
.kanon-public-header{min-height:82px;display:flex;align-items:center;gap:30px;padding:0 max(4vw,28px);background:linear-gradient(100deg,#06315b,#00264c);color:#fff}
.kanon-public-brand{display:flex;align-items:center;gap:12px;margin-left:auto;color:#fff;text-decoration:none}.kanon-public-brand img{width:60px;height:64px;object-fit:contain}.kanon-public-brand strong{max-width:310px;font-size:14px;line-height:1.7}
.kanon-public-header nav{display:flex;align-items:center;gap:24px}.kanon-public-header nav a{color:#fff;text-decoration:none;font-size:13px;padding:28px 0 24px}.kanon-public-header nav a.is-current{border-bottom:3px solid #71ccff}
.kanon-public-hero{position:relative;min-height:205px;display:flex;align-items:center;overflow:hidden;padding:30px max(5vw,35px);color:#fff;background-image:var(--kanon-public-hero-image),linear-gradient(115deg,#062f59,#0a4779);background-position:center;background-size:cover}
.kanon-public-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,35,67,.42),rgba(2,35,67,.82))}.kanon-public-hero__content{position:relative;z-index:1;max-width:680px}.kanon-public-crumbs{font-size:13px;color:#dcecff}.kanon-public-hero h1{margin:15px 0 2px;font-size:clamp(28px,3.2vw,42px);line-height:1.6}.kanon-public-hero p{margin:0;color:#d9e9f8}
.kanon-public-footer{display:flex;justify-content:space-between;gap:20px;padding:20px max(4vw,28px);background:#06315b;color:#dcecff}.kanon-public-footer a{color:#fff;text-decoration:none}
@media(max-width:900px){.kanon-public-header nav{display:none}.kanon-public-header{min-height:70px;padding:0 14px}.kanon-public-brand img{width:50px;height:54px}.kanon-public-brand strong{font-size:12px}.kanon-public-hero{min-height:150px;padding:20px}.kanon-public-hero h1{font-size:25px}}