:root{--id-card-shadow:0 10px 30px rgba(0,0,0,.08);--id-border:#ece6ff}body,html{height:100%}.id-bg{min-height:100%;background:radial-gradient(1000px 500px at 20% 0%,#f7f0ff 0%,transparent 60%),radial-gradient(1000px 500px at 80% 100%,#efe7ff 0%,transparent 60%),linear-gradient(160deg,#f8f5ff 0%,#fff 50%,#faf6ff 100%)}.id-container{min-height:100vh;display:grid;place-items:center;padding:2rem 1rem}.id-card{width:100%;max-width:520px;background:var(--bs-card-bg);border:1px solid var(--id-border);border-radius:16px;box-shadow:var(--id-card-shadow);overflow:hidden}.id-card-header{text-align:center;padding:2rem 2rem 1rem 2rem}.id-brand{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:.75rem}.id-brand img{height:42px;width:auto}.id-title{font-weight:700;font-size:1.25rem;margin:.25rem 0;color:var(--sa-heading-color);text-align:right}.id-subtitle{font-size:.92rem;color:var(--sa-muted-text);text-align:right}.id-card-body{padding:1.5rem 2rem 1.25rem 2rem}.id-card-footer{padding:1rem 2rem 1.5rem 2rem;border-top:1px solid var(--id-border);background:linear-gradient(180deg,#fff 0%,#fdfbff 100%);font-size:.88rem;color:#6c757d}.form-control:focus{border-color:var(--sa-input-border-focus);box-shadow:0 0 0 .2rem var(--sa-input-shadow-rgb)}.btn-id-primary{background:var(--sa-btn-primary);border-color:var(--sa-btn-primary);color:#fff!important;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.btn-id-primary:hover,.btn-id-primary:focus{background:var(--sa-btn-primary);border-color:var(--sa-btn-primary-border)}.btn-id-primary:active,.btn-id-primary:focus:active{background-color:#fff!important;color:#000!important;border-color:var(--sa-btn-primary)!important;box-shadow:0 0 0 .2rem rgba(111,66,193,.25)!important;transition:background-color .15s ease,color .15s ease}.id-terms{font-size:.82rem;color:#8a8a8a}.id-terms a{color:var(--sa-btn-primary-600);text-decoration:none}.id-terms a:hover{text-decoration:underline}.form-control::placeholder{color:#8e8ea0;opacity:.65}.ltr-input{direction:ltr!important;text-align:left!important}.btn-id-primary{color:#fff!important}.btn-fancy{position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.btn-fancy:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(111,66,193,.25)}.btn-fancy::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 0%,rgba(255,255,255,.28) 35%,rgba(255,255,255,.12) 50%,transparent 70%);transform:skewX(-25deg) translateX(-150%);transition:transform .6s ease;pointer-events:none}.btn-fancy:hover::after{transform:skewX(-25deg) translateX(150%)}.btn-id-primary:hover,.btn-id-primary:focus{background:var(--sa-btn-primary);border-color:var(--sa-btn-primary-border)}.ltr-input{direction:ltr!important;text-align:left!important;unicode-bidi:plaintext}.ltr-input::placeholder{direction:ltr;text-align:left}.field-validation-error{display:block;margin-top:6px;font-size:.875rem;color:#dc3545}.field-validation-valid{display:none}.id-footer{font-size:.9rem;color:#555}.id-footer a{color:var(--sa-primary);text-decoration:none;font-weight:500}.id-footer a:hover{text-decoration:underline;color:var(--sa-warning)}.id-card{position:relative}.id-back-anchor{position:absolute;top:12px;right:16px;font-size:.95rem;text-decoration:none;color:var(--sa-text);display:inline-flex;align-items:center;gap:.25rem}.id-back-anchor:hover{color:var(--sa-warning)}.otp-box{width:56px;height:56px;border-radius:12px}.id-otp-meta{margin-top:12px;text-align:center}.id-otp-timer{display:inline-flex;align-items:center;gap:8px;margin-bottom:10px}.id-otp-timer .bi{font-size:1rem}.id-otp-resend{margin-top:6px}.id-otp-verify{margin-top:20px}#otpTimerBadge{display:inline-flex;align-items:center;gap:6px}.phone-input{direction:ltr;text-align:left}.phone-input:placeholder-shown{direction:rtl;text-align:right}.national-id-input::placeholder{text-align:right}