@font-face{font-family:'Droid Arabic Kufi';src:url('fonts/DroidKufi-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Droid Arabic Kufi';src:url('fonts/DroidKufi-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:'Noto Kufi Arabic';src:url('fonts/NotoKufiArabic-Regular.ttf') format('truetype');font-weight:400;font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:'Droid Arabic Kufi','Noto Kufi Arabic',sans-serif;background:#f2f6f4;color:#234536;font-size:14px;line-height:2}button,input{font:inherit}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:36px}.auth-shell{display:grid;grid-template-columns:1fr 1.08fr;width:min(1060px,100%);background:#fff;border:1px solid #d7e4dc;border-radius:22px;overflow:hidden;box-shadow:0 25px 90px #17392b0b;min-height:645px}.auth-story{display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(145deg,#132e38,#194c3e);padding:45px;color:#e2eee7;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;width:350px;height:350px;border:1px solid #80c9a322;border-radius:50%;bottom:-180px;left:-170px;box-shadow:0 0 0 60px #80c9a30b,0 0 0 120px #80c9a305}.auth-brand{display:flex;gap:15px;align-items:center;position:relative;z-index:1}.auth-brand img{width:55px;height:55px}.auth-brand b{font-size:35px;display:block;color:#fff;line-height:1.5}.auth-brand span{font-size:10px;color:#b2cfc0;display:block}.auth-eyebrow{display:block;color:#7da88d;font-size:11px;margin-bottom:10px}.auth-story .auth-eyebrow{color:#a2d6b9}.story-text{padding:45px 0 15px;position:relative;z-index:1}.story-text h1{font-size:29px;line-height:2;color:#fff;margin:10px 0 15px;letter-spacing:-.7px}.story-text p{font-size:12px;color:#bfdbcc;max-width:330px;line-height:2.5}.story-lines{display:flex;align-items:flex-end;gap:12px;height:100px;margin-top:30px;width:240px;direction:ltr}.story-lines i{width:33px;border-radius:6px 6px 2px 2px;background:#86c8a356;height:24%}.story-lines i:nth-child(2){height:44%;background:#86c8a36b}.story-lines i:nth-child(3){height:59%;background:#86c8a385}.story-lines i:nth-child(4){height:73%;background:#86c8a3ac}.story-lines i:nth-child(5){height:96%;background:#86c8a3}.auth-story>small{font-size:10px;color:#a3c9b4;margin-top:25px;position:relative;z-index:1}.auth-form-panel{padding:55px 50px;display:flex;justify-content:center;flex-direction:column}.form-intro h2{font-size:25px;line-height:1.9;margin:0 0 8px}.form-intro p{font-size:12px;color:#5b7967;margin:0 0 28px;line-height:2.3}form{display:flex;flex-direction:column}label{font-size:12px;font-weight:700;color:#375c45;margin:0 0 7px}input{border:1px solid #bfd1c4;border-radius:8px;background:#fbfdfb;padding:11px 14px;min-height:48px;font-size:13px;color:#254b34;margin-bottom:20px;width:100%;direction:auto}input::placeholder{color:#7d9485;font-size:12px}input:focus{outline:3px solid #a5d5b5;outline-offset:2px;border-color:#438b5b}button:focus-visible{outline:3px solid #89c79e;outline-offset:3px}.auth-submit{display:flex;justify-content:space-between;align-items:center;width:100%;background:#1a8058;color:#fff;border:1px solid #1a8058;border-radius:8px;padding:12px 16px;font-size:13px;margin-top:6px;cursor:pointer;min-height:49px}.auth-submit:hover{background:#156b49}.auth-submit span{font-size:20px;line-height:1}.auth-foot{font-size:10px;color:#64806d;line-height:2.3;margin-top:22px;padding-top:18px;border-top:1px solid #e2ebe4}.form-hint{font-size:10px;color:#5e7a65;margin:-5px 0 17px}.auth-error{background:#fff2ed;border:1px solid #e5c7bb;color:#8b4936;border-radius:8px;padding:11px 13px;font-size:12px;margin-bottom:20px;line-height:2.2}@media(max-width:800px){.auth-page{padding:18px}.auth-shell{grid-template-columns:1fr;min-height:0;border-radius:16px}.auth-story{padding:24px 28px}.auth-brand img{width:43px;height:43px}.auth-brand b{font-size:29px}.auth-brand span{font-size:9px}.story-text{padding:20px 0 0}.story-text h1{font-size:22px;line-height:1.9}.story-text p{font-size:11px;max-width:none;margin-bottom:0}.story-lines,.auth-story>small{display:none}.auth-form-panel{padding:30px 26px}.form-intro h2{font-size:22px}.form-intro p{font-size:11px;margin-bottom:24px}.auth-foot{font-size:10px}.auth-eyebrow{font-size:10px}}