:root{font-family:Arial,Helvetica,sans-serif;color:#fff;background:#081017;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:flex;flex-direction:column;background:#081017 url('/arict-login/etna.jpg') center center/cover fixed no-repeat;position:relative}body:before{content:"";position:absolute;inset:0;background:rgba(0,6,15,.5);pointer-events:none}header,main,footer{position:relative}header{display:flex;align-items:center;justify-content:space-between;padding:30px 5%;gap:24px}.logo{width:270px;max-width:100%;height:auto;display:block}.service{font-size:15px;color:#e3e9ef;border-left:1px solid #ffffff50;padding-left:24px}main{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,405px);align-items:center;gap:64px;padding:28px 6% 90px;max-width:1440px;width:100%;margin:auto}.identity{align-self:center}.eyebrow{font-size:13px;font-weight:700;letter-spacing:0;color:#d3ddeb}h1{font-size:64px;line-height:1.1;margin:18px 0}h2{font-size:22px;margin:0 0 28px}.subtitle{font-size:27px;margin:0 0 18px}.location{font-size:16px;color:#e3e8ee}.access{padding:28px 0}label{display:block;font-size:15px;font-weight:600;margin-bottom:10px}input{width:100%;height:54px;background:rgba(7,16,28,.88);border:1px solid #90a1b6;border-radius:5px;color:white;font:inherit;padding:0 15px;margin-bottom:26px}input::placeholder{color:#c1ccda;font-size:14px}input:focus-visible,button:focus-visible,a:focus-visible{outline:3px solid #84baff;outline-offset:3px}.password{position:relative}.password input{padding-right:56px}.reveal{position:absolute;right:4px;top:4px;width:46px;height:46px;background:transparent;border:0;cursor:pointer}.reveal img{width:22px;filter:invert(1)}.submit{display:flex;align-items:center;justify-content:center;gap:18px;width:100%;min-height:56px;font:inherit;font-weight:700;background:#1261d8;color:#fff;border:1px solid #64a5ff;border-radius:5px;cursor:pointer}.submit:hover{background:#1d72ec}.submit:disabled{opacity:.65}.reserved{font-size:13px;color:#d8e1ec;text-align:center;margin:20px 0 0}.error,.success{padding:12px;border-radius:4px;line-height:1.5;font-size:14px}.error{background:#631923}.success{background:#174536}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:22px 4%;border-top:1px solid #ffffff35;background:rgba(1,9,17,.75);font-size:13px;color:#e3e9f2}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}@media(max-width:760px){header{padding:20px 24px;align-items:flex-start}.logo{width:210px}.service{display:none}main{grid-template-columns:minmax(0,1fr);padding:10px 24px 36px;gap:20px}.identity{padding-top:18px}h1{font-size:40px;margin:10px 0}.subtitle{font-size:22px}.location{font-size:14px}.access{max-width:440px;width:100%;margin:auto;padding:10px 0}h2{font-size:20px;margin-bottom:20px}footer{padding:20px 24px;flex-direction:column;align-items:flex-start;gap:12px}body{background-position:60% center;background-attachment:scroll}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}