@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{color:#000;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}.logo{font-size:24px;font-weight:700;color:#000;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:50px}.whatsappLinkStyle{display:flex;align-items:center;text-Decoration:none;font-size:18px;font-weight:700}.whatsappIconStyle{width:24px;height:24px;margin-right:10px}.containerdev{flex-direction:column;display:flex;text-align:center;width:360px;justify-items:stretch;background-color:#f4f6f9}.title{font-weight:700;font-size:20px;color:#0057a0;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:#333;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:#fff;box-shadow:0 4px 6px rgba(0,0,0,.1);border-radius:8px}.label{background-color:#eef1f5;padding:3px;border-radius:5px;display:block;width:140px}.input{margin:5px;width:60px;background-color:#f1f1f1;border:1px solid #ccc;border-radius:5px}.input,.multiplier{padding:2px}.calculate-button{font-family:Cairo,sans-serif;padding:10px 30px;font-weight:700;background-color:#276ba4;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:#fafafa;border:1px solid #d3eaf3;border-radius:12px;color:#0a7ea4;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:#e0f5fc;color:#075b7e;transform:translateY(-3px);box-shadow:0 6px 18px rgba(0,0,0,.08)}