@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap");.page-container{opacity:1;transition:opacity .3s ease-in-out}.fade-out{opacity:0}.fade-in{opacity:1}.cairo-title{margin-bottom:10px;font-size:30px;font-family:Cairo,sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"slnt" 0;text-align:center}.cairo-title,.logo{color:var(--title-color)}.logo{font-size:24px;font-weight:700;background-color:#38b6ff;padding:1px;border-radius:15%}.rightsStyle{margin-top:15px;color:"blac";font-size:14px}.footerStyle{background-color:#056dabc4;margin-top:100px;padding:20px;text-align:center}.contentStyle{display:flex;justify-content:center;align-items:center;gap:10px;margin-top:10px}.whatsappLinkStyle{display:flex;align-items:center;text-Decoration:none;font-size:18px;font-weight:700}.whatsappIconStyle{width:24px;height:24px;margin-right:10px}.facebookLinkStyle{display:flex;align-items:center;text-Decoration:none;font-size:18px;font-weight:700}.facebookIconStyle{width:24px;height:24px;margin-right:10px}.tiktokLinkStyle{display:flex;align-items:center;text-Decoration:none;font-size:18px;font-weight:700}.tiktokIconStyle{width:24px;height:24px;margin-right:10px}.containerdev{flex-direction:column;display:flex;text-align:center;width:360px;justify-items:stretch;background-color:var(--surface-soft)}.title{font-weight:700;font-size:20px;color:var(--brand-primary);margin-top:15px;font-family:Cairo,sans-serif}.header{display:flex;justify-content:space-evenly;margin-top:10px;margin-bottom:10px}.header h2{font-weight:700;font-size:14px;color:var(--foreground);text-align:right}.subject-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;align-items:center;margin-bottom:5px;padding:7px;background-color:var(--surface);box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.label{background-color:var(--surface-muted);padding:3px;border-radius:5px;display:block;width:140px}.input{margin:5px;width:60px;color:var(--foreground);background-color:var(--surface-soft);border:1px solid var(--border-color);border-radius:5px}.input,.multiplier{padding:2px}.calculate-button{font-family:Cairo,sans-serif;padding:10px 30px;font-weight:700;background-color:var(--brand-primary);color:#fff;border-radius:8px;border:none;cursor:pointer;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-bottom:15px}.average-success{font-size:24px;font-weight:700;color:green}.average-warning{font-size:24px;font-weight:700;color:orange}.average-failure{font-size:24px;font-weight:700;color:red}.results-container{display:flex;flex-direction:column;gap:20px;max-width:600px;margin:40px auto;padding:0 20px;direction:rtl}.result-card{display:block;padding:18px 24px;background-color:var(--surface-soft);border:1px solid var(--border-color);border-radius:12px;color:var(--brand-primary);font-weight:700;font-size:18px;text-align:center;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px rgba(0,0,0,.04);text-decoration:none}.result-card:hover{background-color:var(--surface-muted);color:var(--brand-primary-hover);transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08)}