@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Vazirmatn;src:url(../fonts/Vazirmatn-Bold.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--primary:#2563eb;--primary-hover:#1d4ed8;--bg-body:#f1f5f9;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--star-color:#f59e0b;--border-radius:12px;--shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-body);color:var(--text-main);text-align:right;direction:rtl;font-family:Vazirmatn,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none;transition:all .3s}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 20px}.site-header{backdrop-filter:blur(10px);background:#fffffff2;box-shadow:0 2px 10px #0000001a}.header-inner{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--primary);font-size:1.5rem;font-weight:700}.nav-links{gap:25px;display:flex}.nav-links a{color:var(--text-muted);font-weight:500}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-weight:500;transition:background .3s;display:inline-block}.btn:hover{background:var(--primary-hover)}.btn-outline{border:2px solid var(--primary);color:var(--primary);background:0 0}.btn-outline:hover{background:var(--primary);color:#fff}.page-title{margin:40px 0 20px;font-size:1.8rem;font-weight:700}.grid-container{grid-template-columns:repeat(5,1fr);gap:20px;margin-bottom:50px;display:grid}@media (width<=1024px){.grid-container{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){.grid-container{grid-template-columns:repeat(2,1fr);gap:15px}.nav-links{display:none}}@media (width<=480px){.grid-container{grid-template-columns:1fr}}.card{background:var(--bg-card);border-radius:var(--border-radius);box-shadow:var(--shadow);cursor:pointer;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #00000026}.card-image-wrapper{background:linear-gradient(135deg,#e2e8f0 0%,#cbd5e1 100%);width:100%;height:180px;position:relative;overflow:hidden}@media (width<=768px){.card-image-wrapper{height:140px}}@media (width<=480px){.card-image-wrapper{height:160px}}.card-image{object-fit:cover;width:100%;height:100%;transition:transform .4s}.card:hover .card-image{transform:scale(1.05)}.card-image-wrapper:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0000004d);height:50%;position:absolute;bottom:0;left:0;right:0}.rating-badge{z-index:2;background:#fffffff2;border-radius:20px;align-items:center;gap:4px;padding:4px 8px;font-size:.85rem;font-weight:700;display:flex;position:absolute;top:10px;left:10px;box-shadow:0 2px 4px #0000001a}.rating-badge svg{width:14px;height:14px;fill:var(--star-color)}.card-body{padding:15px}.card-title{white-space:nowrap;text-overflow:ellipsis;color:var(--text-main);margin-bottom:8px;font-size:1rem;font-weight:700;overflow:hidden}.card-desc{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.85rem;line-height:1.5;display:-webkit-box;overflow:hidden}.modal-overlay{z-index:1000;background:#0009;justify-content:center;align-items:center;padding:20px;display:none;position:fixed;inset:0}.modal-overlay.active{display:flex}.modal-content{background:var(--bg-card);border-radius:var(--border-radius);width:100%;max-width:600px;max-height:90vh;padding:25px;position:relative;overflow-y:auto}.modal-close{cursor:pointer;color:var(--text-muted);background:0 0;border:none;font-size:1.5rem;position:absolute;top:15px;left:15px}.site-footer{background:var(--text-main);color:#cbd5e1;text-align:center;margin-top:50px;padding:30px 0;font-size:.9rem}.hamburger-menu{cursor:pointer;z-index:200;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:30px;height:22px;padding:0;display:none}.hamburger-menu span{background-color:var(--primary);border-radius:3px;width:100%;height:3px;transition:all .3s;display:block}.hamburger-menu.active span:first-child{transform:translateY(9.5px)rotate(45deg)}.hamburger-menu.active span:nth-child(2){opacity:0}.hamburger-menu.active span:nth-child(3){transform:translateY(-9.5px)rotate(-45deg)}@media (width<=768px){.hamburger-menu{display:flex}#mainNav{background:var(--bg-card);z-index:150;width:75%;height:100vh;padding:20px;transition:right .3s;position:fixed;top:65px;right:-100%;box-shadow:-5px 0 15px #0000001a}#mainNav.active{right:0}.nav-links{flex-direction:column;gap:0;display:flex!important}.nav-links li{border-bottom:1px solid #e2e8f0}.nav-links a{padding:15px 10px;font-size:1.1rem;display:block}.auth-buttons .btn{padding:8px 15px;font-size:.85rem}}.hero-section{position:relative;overflow:hidden}.hero-section:before{content:"";opacity:.3;background:url("data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 1440 320\"><path fill=\"%23ffffff\" fill-opacity=\"0.1\" d=\"M0,96L48,112C96,128,192,160,288,160C384,160,480,128,576,112C672,96,768,96,864,112C960,128,1056,160,1152,160C1248,160,1344,128,1392,112L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z\"></path></svg>") bottom/cover;position:absolute;inset:0}@media (width<=768px){.hero-section h1{font-size:2rem!important}.hero-section p{font-size:1rem!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card{animation:.6s fadeInUp}.btn{border-radius:12px;transition:all .3s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}