@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700&display=swap";:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #185F47;--primary-hover: #185F47;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 3rem}body{margin:0;min-height:100vh;font-family:arabic,sans-serif;background:url(/background.svg);width:100%}*{margin:0;padding:0;box-sizing:border-box;font-family:Cairo,sans-serif}.app{min-height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.content{width:100%;margin:0 auto;padding:2rem;display:flex;flex-direction:column;align-items:center;gap:2rem}.logo-container{width:100%;display:flex;justify-content:center;margin-bottom:1rem}.logo{max-width:300px;margin-bottom:-1rem}.title{color:#185f47;font-size:2rem;font-weight:bolder;text-align:center;margin-bottom:1rem}.cards{display:flex;gap:2rem;justify-content:center;width:100%;margin-top:2rem}.card{background-color:#185f47;color:#fff;border:none;border-radius:16px;padding:1rem;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:transform .2s,box-shadow .2s;text-decoration:none;text-align:center}.disabled{opacity:.4;cursor:not-allowed}.card:not(.disabled):hover{transform:translateY(-5px);box-shadow:0 4px 15px #0000001a}.card-icon{width:120px;height:40px}.card span{font-size:1.5rem;font-weight:600}@media (max-width: 768px){.title{font-size:1.5rem}.cards{flex-direction:column;align-items:stretch}.card{width:100%}}@font-face{font-family:arabic;src:url(/alfont_com_SST-Arabic-Medium.ttf) format("woff2"),url(/alfont_com_SST-Arabic-Medium.ttf) format("truetype");font-weight:400;font-style:normal}@media (min-width: 1200px){.cards{grid-template-columns:repeat(2,minmax(400px,1fr))}.card{padding:var(--spacing-lg) calc(var(--spacing-lg) * 2)}}@media (min-width: 768px) and (max-width: 1199px){.cards{grid-template-columns:repeat(2,1fr);gap:var(--spacing-md)}.content{padding:var(--spacing-md)}}@media (max-width: 767px){.cards{grid-template-columns:1fr;gap:var(--spacing-md)}.wave-background,.content{padding:var(--spacing-sm)}.logo{max-width:250px}}@media (max-width: 479px){:root{--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem}.cards{gap:var(--spacing-md)}.card{padding:var(--spacing-md);min-height:160px}.logo{max-width:200px}.content{gap:var(--spacing-md)}}