@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-arabic-latin-400-normal.woff2')}@font-face{font-family:Plex;src:url('fonts/ibm-plex-sans-arabic-arabic-400-normal.woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF}@font-face{font-family:Bricolage;src:url('fonts/bricolage-grotesque-latin-wght-normal.woff2');font-weight:200 800}*{box-sizing:border-box}body{margin:0;color:#123b36;background:radial-gradient(ellipse at 0 0,#bcded3,transparent 60%),radial-gradient(ellipse at 100% 100%,#f6ddbb,transparent 55%),#edf5f2;font-family:Plex,sans-serif;min-height:100dvh}main{max-width:530px;margin:auto;padding:32px 20px calc(30px + env(safe-area-inset-bottom))}.back{display:inline-block;color:#315e54;text-decoration:none;font-size:14px;margin:0 0 25px}.card{padding:38px;border:1px solid #fff;border-radius:32px;background:#ffffffd9;box-shadow:0 24px 70px #12463a18;animation:arrive .55s ease-out}.brand{display:block;max-width:100%;height:auto;margin-bottom:28px}.tag{display:inline-block;border-radius:30px;padding:8px 12px;font-size:11px;letter-spacing:.08em;background:#e1eee8;color:#246b55;font-weight:bold}h1{font:650 43px/1.15 Bricolage,Plex,sans-serif;letter-spacing:-1.5px;margin:24px 0 18px}h1 span{font-family:Plex;font-size:29px;letter-spacing:0}p{font-size:14px;line-height:1.8;color:#597069;margin:8px 0}form{display:grid;gap:10px;margin:28px 0 24px}label{font-weight:bold;font-size:14px}select{padding:13px;border:1px solid #b6cfc5;border-radius:13px;background:#fff;font:16px Plex;width:100%;color:#173d32}button{display:flex;flex-direction:column;gap:4px;align-items:center;border:0;padding:14px;background:linear-gradient(135deg,#21886e,#105141);color:#fff;border-radius:15px;font:600 17px Plex;cursor:pointer;box-shadow:0 8px 20px #1a705530;margin-top:10px;transition:transform .2s}button span{font-size:13px;font-weight:400}button:hover{transform:translateY(-2px)}:focus-visible{outline:3px solid #cb992f;outline-offset:4px}.note{padding:16px 18px;background:#fcf1df;border-radius:16px}.note strong{font-size:13px;color:#785a2a}.note p{font-size:12px;line-height:1.7;color:#7e705b}small{display:block;text-align:center;margin-top:24px;color:#647a70}@keyframes arrive{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@media(max-width:480px){main{padding-top:22px}.card{padding:27px 23px}h1{font-size:37px}h1 span{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}