:root{--ink:#111416;--paper:#f5f6f4;--orange:#ff5a1f;--orange-soft:#fff0e9;--line:rgba(255,255,255,.16);--muted:#aab1ac}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:#fff;font-family:"Space Grotesk",Arial,sans-serif}.auth-shell{position:relative;min-height:100vh;overflow:hidden}.auth-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,12,12,.96) 0%,rgba(10,12,12,.84) 43%,rgba(10,12,12,.5) 100%),url("/assets/jeruhost-hero-v2.png") center/cover;transform:scale(1.03);animation:sceneIn 1s ease both}.auth-header{position:relative;z-index:2;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid var(--line)}.brand img{display:block;width:174px;height:42px;object-fit:contain;mix-blend-mode:screen}.header-actions{display:flex;align-items:center;gap:20px}.back-link{color:#d6dbd7;font-size:13px;text-decoration:none}.language-toggle{min-width:76px;border:1px solid rgba(255,255,255,.36);border-radius:5px;padding:8px 12px;background:rgba(17,20,22,.58);color:#fff;font-weight:700;cursor:pointer;transition:.2s}.language-toggle:hover{border-color:var(--orange);color:#ffaf8f}.auth-layout{position:relative;z-index:1;min-height:calc(100vh - 88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(370px,460px);gap:clamp(40px,8vw,140px);align-items:center;padding:clamp(42px,7vh,86px) clamp(22px,8vw,130px)}.story-panel{max-width:580px;animation:rise .65s .12s ease both}.eyebrow{margin:0;color:#ff8b62;font-size:11px;font-weight:800;letter-spacing:.14em}.story-panel h1{max-width:520px;margin:14px 0 16px;font-size:clamp(2.8rem,5vw,5.1rem);line-height:1.02;letter-spacing:0}.intro-copy{max-width:465px;margin:0;color:#c3cac5;font-size:17px;line-height:1.75}.trust-list{display:grid;gap:13px;margin-top:32px}.trust-list div{display:flex;align-items:center;gap:10px;color:#ecf0ed;font-size:14px}.trust-list i{display:grid;place-items:center;width:21px;height:21px;border:1px solid rgba(255,90,31,.75);border-radius:50%;color:#ff8b62;font-style:normal;font-size:12px}.signal-card{display:flex;align-items:center;gap:12px;width:min(350px,100%);margin-top:45px;padding:14px;border:1px solid rgba(255,255,255,.17);border-radius:7px;background:rgba(12,15,14,.62);backdrop-filter:blur(10px);animation:signal 3s ease-in-out infinite}.signal-dot{width:9px;height:9px;border-radius:50%;background:#3eb982;box-shadow:0 0 0 5px rgba(62,185,130,.13)}.signal-card strong,.signal-card small{display:block}.signal-card strong{font-size:12px}.signal-card small{margin-top:3px;color:#aeb5b0;font-size:11px}.form-wrap{animation:rise .65s .25s ease both}form{padding:34px;background:rgba(255,255,255,.96);border:1px solid rgba(255,255,255,.5);border-radius:8px;box-shadow:0 22px 60px rgba(0,0,0,.28);color:var(--ink)}.form-top{padding-bottom:22px;border-bottom:1px solid #e1e5df}.form-top .eyebrow{font-size:10px}.form-top h2{margin:8px 0 6px;font-size:26px;line-height:1.2}.form-top p:last-child{margin:0;color:#727a74;font-size:13px}.register-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.register-fields label{margin-bottom:0}label{display:grid;gap:8px;margin-top:17px;color:#343a36;font-size:12px;font-weight:700}label>span{display:block}label small{color:#7c857f;font-weight:500}input{width:100%;border:1px solid #d9dfd9;border-radius:5px;padding:12px 13px;background:#fff;color:#151917;font:inherit;outline:0;transition:border-color .18s,box-shadow .18s}input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(255,90,31,.13)}.password-hint{font-size:10px;line-height:1.5}#message{min-height:19px;margin:14px 0 0;color:#bd3420;font-size:12px;font-weight:700}.submit-button{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:13px 15px;border:0;border-radius:5px;background:var(--orange);color:#fff;font:700 14px inherit;cursor:pointer;transition:transform .2s,box-shadow .2s}.submit-button b{font-size:19px;line-height:1;font-weight:400}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(255,90,31,.28)}.switch{display:flex;justify-content:center;gap:6px;margin:21px 0 0;color:#717a74;font-size:12px}.switch button{border:0;background:transparent;color:var(--orange);font:800 12px inherit;cursor:pointer;padding:0}.switch button:hover{text-decoration:underline}html[dir="rtl"] body{font-family:"Cairo",Arial,sans-serif}html[dir="rtl"] .auth-layout{grid-template-columns:minmax(370px,460px) minmax(0,1fr)}html[dir="rtl"] .story-panel{justify-self:end}html[dir="rtl"] .submit-button b{transform:rotate(180deg)}@keyframes sceneIn{from{opacity:0;transform:scale(1.08)}to{opacity:1;transform:scale(1.03)}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes signal{50%{transform:translateY(-4px);border-color:rgba(255,90,31,.4)}}@media(max-width:850px){.auth-layout{grid-template-columns:1fr;padding:55px max(22px,8vw)}.story-panel{max-width:620px}.form-wrap{width:min(460px,100%)}html[dir="rtl"] .auth-layout{grid-template-columns:1fr}html[dir="rtl"] .story-panel{justify-self:start}}@media(max-width:580px){.auth-header{height:70px;padding:0 18px}.brand img{width:143px}.back-link{display:none}.auth-layout{min-height:calc(100vh - 70px);padding:38px 18px}.story-panel h1{font-size:35px}.intro-copy{font-size:14px}.trust-list{margin-top:24px}.signal-card{margin-top:29px}.form-wrap{width:100%}form{padding:24px 20px}.register-fields{grid-template-columns:1fr}.auth-image{background:linear-gradient(rgba(10,12,12,.91),rgba(10,12,12,.87)),url("/assets/jeruhost-hero-v2.png") center/cover}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
