*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#18282c;color:#fff;font-family:Arial,Helvetica,sans-serif}body:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,rgba(8,23,31,.36),rgba(8,23,31,.12) 35%,rgba(8,23,31,.69)),url('/mountains.png') center 55%/cover no-repeat;z-index:-1}.shell{min-height:100svh;display:flex;flex-direction:column;padding:44px 5.5vw 28px}header{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{color:inherit;text-decoration:none;display:flex;flex-direction:column;width:max-content}.brand strong{font-family:Georgia,serif;font-weight:400;font-size:32px;letter-spacing:.15em}.brand span{font-size:11px;letter-spacing:.39em;margin-top:5px;text-align:center}a{color:inherit;text-underline-offset:6px}nav a{font-size:14px;text-decoration:none;border-bottom:1px solid #ffffff80;padding:10px 0}a:hover{color:#e2dfce}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #fff;outline-offset:5px}main{flex:1;display:flex;align-items:center}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(42px,5.4vw,78px);line-height:1.09;letter-spacing:-.035em;max-width:1000px;margin:80px 0;text-wrap:balance;text-shadow:0 2px 28px #10212640}footer{display:flex;justify-content:space-between;gap:24px;align-items:center;border-top:1px solid #ffffff45;padding-top:22px}footer a{font-size:14px;text-decoration:none}footer small{font-size:12px;color:#e1e6e5}.login-main{justify-content:center;padding:48px 0}.panel{width:100%;max-width:440px;background:#13272cef;backdrop-filter:blur(14px);border:1px solid #ffffff30;padding:40px}.panel h1{font-size:40px;margin:0 0 32px}.field{margin-bottom:22px}label{display:block;font-size:14px;margin-bottom:10px}input{width:100%;padding:14px 12px;border:1px solid #a2b1b5;background:#ffffff0b;border-radius:0;color:#fff;font:inherit}button{width:100%;padding:15px;background:#f0efe6;color:#192b2e;border:0;font-size:15px;cursor:pointer}button:hover{background:#fff}.error{min-height:22px;font-size:14px;color:#ffd1c8;margin:18px 0 0}.back{display:inline-block;font-size:14px;margin-top:12px;color:#d5dede}@media(max-width:600px){.shell{padding:28px 24px 24px}.brand strong{font-size:24px}.brand span{font-size:9px}nav a{font-size:13px}h1{font-size:44px;margin:90px 0;line-height:1.12}footer{align-items:flex-start;flex-direction:column;gap:16px}.panel{padding:28px 24px}.panel h1{font-size:34px}.login-main{padding:48px 0}body:before{background-position:center,58% center}}