@font-face{font-family:VazirFD;src:url('../fonts/VazirFD-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:VazirFD;src:url('../fonts/VazirFD-Medium.ttf') format('truetype');font-weight:500 600;font-display:swap}
@font-face{font-family:VazirFD;src:url('../fonts/VazirFD-Bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{color-scheme:dark;--ink:#edf7fb;--muted:#b6ccda;--cyan:#72e4e8;--line:rgba(150,213,232,.24);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{min-height:100%;background:#07111f}body{margin:0;min-width:320px;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;overflow-x:hidden;color:var(--ink);background:#07111f;font-family:VazirFD,Tahoma,sans-serif;line-height:1.9;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #92edf2;outline-offset:4px}::selection{background:#75e2e6;color:#07111f}
.auth-background{position:fixed;z-index:-2;inset:0;background:linear-gradient(100deg,rgba(5,15,29,.88),rgba(4,14,28,.72)),url('../images/landing/rayan-mri-background.jpg') center/cover no-repeat;pointer-events:none}.auth-background::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 22% 50%,rgba(23,165,199,.16),transparent 44%),linear-gradient(180deg,rgba(6,16,31,.25),rgba(6,16,31,.8))}
.auth-wrap{width:min(1210px,calc(100% - 64px));margin-inline:auto}.auth-header{border-bottom:1px solid rgba(176,225,240,.18);background:rgba(7,20,38,.55);backdrop-filter:blur(20px) saturate(136%);-webkit-backdrop-filter:blur(20px) saturate(136%)}.auth-header .auth-wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:104px}.auth-brand img{width:204px;height:68px;object-fit:contain;display:block;filter:drop-shadow(0 0 25px rgba(70,200,217,.12))}.header-back{display:inline-flex;align-items:center;gap:8px;color:#d7e9ef;border:1px solid rgba(166,224,239,.28);border-radius:10px;padding:8px 15px;background:rgba(11,35,54,.35);font-size:.8rem;transition:background .2s,border-color .2s}.header-back:hover{background:rgba(32,99,123,.3);border-color:#79dfe8}.header-back i{color:#8ee8e9;font-size:1.05rem}
.auth-main{flex:1;display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);align-items:center;gap:clamp(30px,5vw,78px);padding-block:clamp(35px,5vw,70px)}
.auth-panel{position:relative;z-index:2;padding:clamp(27px,3.2vw,42px);border:1px solid rgba(164,220,235,.29);border-radius:23px;background:linear-gradient(145deg,rgba(19,45,67,.8),rgba(7,23,43,.75));box-shadow:0 30px 80px rgba(0,4,15,.36),inset 0 1px rgba(255,255,255,.11);backdrop-filter:blur(27px) saturate(142%);-webkit-backdrop-filter:blur(27px) saturate(142%)}.auth-panel::before{content:'';position:absolute;top:-2px;right:36px;width:97px;height:2px;background:linear-gradient(90deg,transparent,#71e8ef,transparent);box-shadow:0 0 17px #63dbe7}.auth-kicker{display:inline-flex;align-items:center;gap:8px;color:#a6edf1;font-size:.75rem;font-weight:500}.auth-kicker i{font-size:1.25rem;color:#79e6ec}.auth-panel h1{font-size:clamp(2rem,2.8vw,2.8rem);line-height:1.6;margin:14px 0 9px;letter-spacing:-.04em}.auth-panel h1 span{color:#98edf1}.auth-intro{color:#c5d9e2;font-size:.86rem;margin:0 0 25px;line-height:2.15}.auth-form{display:grid;gap:19px}.auth-notice{display:flex;align-items:flex-start;gap:8px;border-radius:9px;padding:10px 13px;font-size:.78rem}.auth-notice:empty,.auth-notice.validation-summary-valid{display:none}.auth-notice.error{border:1px solid rgba(255,142,157,.44);background:rgba(116,36,58,.36);color:#ffd0d3}.auth-notice.success{border:1px solid rgba(112,231,202,.42);background:rgba(27,97,83,.28);color:#b9f1df}.auth-notice ul{margin:0;padding-inline-start:18px}.auth-field label{display:block;margin-bottom:7px;color:#e1f0f5;font-size:.79rem;font-weight:600}.auth-input{position:relative}.auth-input>i{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#91dbe2;font-size:1.26rem;pointer-events:none}.auth-input input{width:100%;height:52px;border:1px solid rgba(157,216,233,.32);border-radius:10px;outline:0;background:rgba(4,17,34,.65);color:#fff;padding:8px 45px 8px 15px;font-size:.91rem;direction:ltr;text-align:left;transition:border-color .2s,box-shadow .2s}.auth-input input:focus{border-color:#79e2e9;box-shadow:0 0 0 3px rgba(77,215,224,.12),0 0 24px rgba(44,204,222,.1)}.auth-input input[type=password],.auth-input input[type=text]{font-family:VazirFD,Tahoma,sans-serif}.password-control input{padding-left:52px}.password-toggle{position:absolute;left:4px;top:5px;width:42px;height:42px;border:0;border-radius:7px;background:transparent;color:#a4cad5;display:grid;place-items:center;font-size:1.2rem}.password-toggle:hover{color:#8ceff1;background:rgba(112,224,233,.1)}.field-error{display:block;margin-top:4px;color:#ffc0c9;font-size:.72rem}.field-validation-valid:empty{display:none}.auth-submit{width:100%;min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px;padding:10px 19px;border:0;border-radius:10px;color:#05222d;background:linear-gradient(115deg,#65e4dc,#72c8fa);box-shadow:0 12px 30px rgba(21,177,202,.25),inset 0 1px rgba(255,255,255,.5);font-size:.86rem;font-weight:700;transition:transform .25s var(--ease),box-shadow .25s}.auth-submit:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(23,185,210,.32)}.auth-submit i{font-size:1.22rem}.auth-note{display:flex;align-items:flex-start;gap:8px;margin-top:23px;padding-top:20px;border-top:1px solid rgba(177,216,228,.18);color:#acc6d2;font-size:.72rem}.auth-note i{color:#85dce8;font-size:1.2rem;flex:none}.center-entry{display:inline-flex;align-items:center;gap:9px;margin-top:16px;color:#c0f2f4;font-size:.76rem}.center-entry:hover{color:white}.center-entry i{font-size:1rem}
.auth-visual{position:relative;min-height:min(660px,69vh);align-self:stretch;overflow:hidden;border:1px solid rgba(154,210,233,.32);border-radius:25px;background:#0b2339;box-shadow:0 30px 85px rgba(0,4,15,.38),0 0 55px rgba(21,193,222,.1);display:flex;flex-direction:column;justify-content:space-between}.auth-visual-image{position:absolute;inset:0;background:url('../images/landing/rayan-datacenter.png') 45% center/cover no-repeat;animation:visualDrift 22s ease-in-out alternate infinite}.auth-visual::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,13,28,.22) 0%,rgba(3,17,33,.4) 40%,rgba(3,14,31,.96) 100%),linear-gradient(90deg,rgba(3,16,33,.08),rgba(3,16,33,.55));pointer-events:none}.auth-visual>*:not(.auth-visual-image){position:relative;z-index:1}.auth-visual-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:25px 27px;color:#c7e9ef;font:10px ui-monospace,monospace;letter-spacing:1px}.auth-visual-top>span:first-child{display:flex;align-items:center;gap:10px}.auth-visual-top i{font-size:1.35rem;color:#85eaf0}.decorative-dots{display:flex;gap:6px}.decorative-dots b{width:6px;height:6px;border-radius:50%;background:#b9dae2}.decorative-dots b:first-child{background:#d1f28e;box-shadow:0 0 10px #d1f28e}.auth-visual-content{padding:0 clamp(25px,4vw,60px) 31px}.visual-icon{display:grid;place-items:center;width:66px;height:66px;margin-bottom:17px;border:1px solid rgba(146,235,239,.42);border-radius:18px;background:rgba(43,166,182,.2);backdrop-filter:blur(14px);color:#a3f6f3;font-size:2.45rem;box-shadow:0 0 34px rgba(51,213,225,.18)}.visual-overline{font:11px ui-monospace,monospace;letter-spacing:1.5px;color:#a9eaed}.auth-visual h2{font-size:clamp(2rem,3vw,3.2rem);line-height:1.55;margin:12px 0 9px;letter-spacing:-.03em}.auth-visual p{max-width:530px;color:#d1e3e9;font-size:.93rem;line-height:2.1;margin:0}.visual-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.visual-tags span{padding:5px 12px;border:1px solid rgba(135,217,232,.3);border-radius:999px;background:rgba(12,48,69,.42);backdrop-filter:blur(8px);color:#d1eff3;font-size:.7rem}.auth-visual-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 27px;border-top:1px solid rgba(163,220,237,.21);background:rgba(4,21,37,.25);color:#b7d9e2;font-size:.69rem}.auth-visual-foot i{font-size:1.35rem;color:#8cebee}.auth-footer{border-top:1px solid rgba(161,214,231,.17);background:rgba(4,17,32,.55);backdrop-filter:blur(12px)}.auth-footer .auth-wrap{min-height:61px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a9c5d0;font-size:.67rem}.auth-footer span:last-child{font:9px ui-monospace,monospace;letter-spacing:1px}
@keyframes visualDrift{to{transform:scale(1.055)}}
@media(max-width:1050px){.auth-main{gap:25px;grid-template-columns:minmax(0,450px) minmax(0,1fr)}.auth-visual h2{font-size:2.15rem}.auth-visual-content{padding-inline:27px}.visual-tags{gap:6px}.visual-tags span{font-size:.63rem}}
@media(max-width:780px){.auth-wrap{width:calc(100% - 38px)}.auth-header .auth-wrap{min-height:82px}.auth-brand img{width:158px;height:53px}.auth-main{grid-template-columns:1fr;max-width:580px;padding-block:35px 55px}.auth-panel{order:1}.auth-visual{order:2;min-height:410px}.auth-visual-content{padding-bottom:27px}.auth-visual h2{font-size:2.2rem}.auth-visual-image{background-position:center 32%}}
@media(max-width:460px){.auth-brand img{width:141px;height:47px}.header-back{font-size:.68rem;padding:6px 9px}.auth-main{padding-top:22px;gap:20px}.auth-panel{padding:25px 20px;border-radius:18px}.auth-panel h1{font-size:2rem}.auth-intro{font-size:.78rem}.auth-visual{min-height:390px}.auth-visual-top{padding:16px;font-size:8px}.auth-visual-content{padding-inline:20px}.auth-visual h2{font-size:1.8rem}.auth-visual p{font-size:.8rem}.auth-visual-foot{padding-inline:16px;font-size:.61rem}.auth-footer .auth-wrap{flex-wrap:wrap;gap:4px;justify-content:center;padding-block:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}