@import"https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&display=swap";:root{font-family:Cairo,Tahoma,Arial,sans-serif;color:#172033;background:#f4f7fb;direction:rtl;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font-family:inherit}button{cursor:pointer}a{color:inherit}.app{height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;padding:20px clamp(16px,4vw,70px)}.background{position:absolute;inset:0;overflow:hidden;z-index:0;background:linear-gradient(135deg,#f8fafc,#edf4f7)}.circle{position:absolute;border-radius:50%;filter:blur(2px);opacity:.45}.circle.one{width:500px;height:500px;background:#0f766e;top:-180px;right:-150px}.circle.two{width:400px;height:400px;background:#1e40af;bottom:-150px;left:-100px}.circle.three{width:250px;height:250px;background:#d4a72c;top:40%;left:45%}.header{position:relative;z-index:2;max-width:1200px;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:80px}.brand{display:flex;align-items:center;gap:15px}.brand img{width:75px;height:75px;object-fit:contain}.brand span{color:#64748b;font-size:14px}.brand strong{display:block;font-size:24px}.header-actions{display:flex;gap:12px}.header-actions button{display:flex;align-items:center;gap:8px;padding:12px 18px;border-radius:14px;border:1px solid #dbe3ed;background:#fff}.container{position:relative;z-index:1;width:100%;max-width:1200px;margin:50px auto}.footer{position:relative;z-index:2;height:40px;display:flex;justify-content:center;align-items:center;color:#64748b;font-size:13px}.hero{text-align:center;max-width:800px;margin:20px auto}.badge{display:inline-block;padding:8px 18px;border-radius:50px;background:#ecfdf5;color:#047857;font-weight:700}.hero h1{font-size:clamp(26px,4vw,45px);margin:10px 0}.hero p{color:#64748b;font-size:18px;line-height:2}.login-card{max-width:460px;margin:auto;background:#ffffffd9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:25px;max-height:70vh;border-radius:30px;box-shadow:0 25px 70px #0f172a1f}.login-title{text-align:center;margin-bottom:30px}.login-title h2{font-size:30px;margin:0}.login-title p{color:#64748b}.login-card label{display:block;margin-bottom:18px}.login-card label span{display:block;margin-bottom:8px;font-weight:700}.input-box{display:flex;align-items:center;gap:10px;background:#f8fafc;border:1px solid #dbe3ed;border-radius:16px;padding:14px}.input-box input{border:0;outline:0;background:transparent;width:100%}.error-box{background:#fee2e2;color:#991b1b;padding:12px;border-radius:12px;margin-bottom:15px}.login-button{width:100%;border:0;border-radius:16px;padding:15px;background:linear-gradient(135deg,#0f766e,#1e40af);color:#fff;font-weight:800;font-size:17px;display:flex;justify-content:center;gap:10px;align-items:center}.portal-section{width:100%}.welcome-box{max-width:600px;margin:0 auto 35px;padding:18px 25px;border-radius:20px;background:#fffc;border:1px solid rgba(255,255,255,.9);box-shadow:0 15px 40px #0f172a14;display:flex;justify-content:center;align-items:center;gap:15px}.welcome-box span{color:#64748b}.welcome-box strong{color:#0f766e;font-size:18px}.portal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}.portal-card{position:relative;overflow:hidden;display:flex;gap:25px;align-items:flex-start;padding:35px;min-height:260px;text-decoration:none;background:#ffffffd9;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:30px;border:1px solid rgba(255,255,255,.9);box-shadow:0 25px 70px #0f172a1a;transition:.3s ease}.portal-card:before{content:"";position:absolute;width:180px;height:180px;background:linear-gradient(135deg,#0f766e26,#1e40af26);border-radius:50%;top:-80px;left:-80px}.portal-card:hover{box-shadow:0 35px 90px #0f172a2e}.portal-icon{position:relative;z-index:1;flex-shrink:0;width:75px;height:75px;border-radius:24px;display:flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(135deg,#0f766e,#1e40af)}.portal-content{position:relative;z-index:1}.portal-content h2{margin:0 0 15px;font-size:27px}.portal-content p{color:#64748b;line-height:2;margin-bottom:25px}.portal-link{display:flex;align-items:center;gap:8px;color:#0f766e;font-weight:800}@media(max-width:900px){.header{flex-direction:column;gap:25px}.header-actions{width:100%;justify-content:center}.portal-grid{grid-template-columns:1fr}.hero h1{font-size:36px}}@media(max-height:700px){.brand img{width:50px;height:50px}.brand strong{font-size:18px}.hero p{display:none}.hero h1{font-size:28px}.login-card{padding:18px}.portal-card{padding:20px;min-height:auto}}@media(max-width:600px){.app{padding:20px 15px}.brand strong{font-size:20px}.brand img{width:60px;height:60px}.login-card{padding:25px;border-radius:22px}.portal-card{flex-direction:column;padding:25px}.portal-content h2{font-size:23px}.welcome-box{flex-direction:column;text-align:center}}