:root{--tile-radius:12px;--tile-gap:12px;--tile-size:140px;--icon-size:36px;--title-fs:15px;--color-main:#E60000;--color-accent:#CCCCCC;--color-border:#eee;--color-light-shadow:rgba(0, 0, 0, 0.05);--color-dark-shadow:rgba(0, 0, 0, 0.15);--tile-shadow:0 3px 6px var(--color-light-shadow), 0 1px 2px rgba(0,0,0,0.08);--tile-shadow-hover:0 12px 25px var(--color-dark-shadow), 0 4px 8px rgba(0,0,0,0.10);--tile-shadow-pressed:inset 0 2px 5px rgba(0,0,0,0.25);--ease-fast:cubic-bezier(.2, .7, .3, 1)}.front-home{font-family:var(--urdu-font,"Noto Nastaliq Urdu"),serif;direction:rtl;text-align:right;background:#fff;padding:0 0 60px}.front-home .container{max-width:1100px;margin-inline:auto;padding-inline:10px}.front-home h1{font-size:32px;font-weight:800;color:var(--color-main);margin-bottom:5px;padding-top:20px}.front-home .section-title{font-size:24px;font-weight:900;color:var(--color-main);margin-top:40px;margin-bottom:15px;padding-bottom:5px;border-bottom:3px solid #f0f0f0}.front-home p{font-size:16px;color:#666;line-height:1.8;margin-bottom:25px}.front-home .cat-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--tile-gap);margin-top:12px}.front-home .tile{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;background:#fff;border:2px solid var(--color-border);border-radius:var(--tile-radius);box-shadow:var(--tile-shadow);text-decoration:none;padding:12px 8px;min-height:var(--tile-size);transition:transform .25s var(--ease-fast),box-shadow .25s var(--ease-fast)}.front-home .tile::before,.front-home .tile::after{content:'';position:absolute;left:0;right:0;height:6px;z-index:0}.front-home .tile::before{top:0;background:var(--color-main);border-radius:var(--tile-radius) var(--tile-radius) 0 0}.front-home .tile::after{bottom:0;background:var(--color-accent);border-radius:0 0 var(--tile-radius) var(--tile-radius)}.front-home .tile span{font-weight:800;font-size:var(--title-fs);color:var(--color-main);text-align:center;line-height:1.4;z-index:1;color:var(--color-main)!important}.front-home .tile:hover,.front-home .tile:focus-visible{transform:translateY(-5px) scale(1.03);box-shadow:var(--tile-shadow-hover)}.front-home .tile:active{box-shadow:var(--tile-shadow-pressed);transform:translateY(1px) scale(.99)}@media (max-width:768px){:root{--tile-size:120px;--title-fs:14px;--tile-gap:10px}.front-home .section-title{font-size:20px;margin-top:30px}.front-home .cat-tiles{grid-template-columns:repeat(2,1fr);gap:var(--tile-gap)}}