@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500&family=Montserrat:wght@300;400&display=swap');
:root{--bg:#090807;--cream:#f2dfd1;--muted:#93847a;--faint:#5f554f;--copper:#d39468;--light:#efb68e;--line:rgba(229,177,138,.16);--line2:rgba(255,255,255,.07)}*{box-sizing:border-box}html,body{min-height:100%;background:var(--bg)}body{margin:0;color:var(--cream);font:300 13px/1.5 Manrope,sans-serif;background:radial-gradient(circle at 20% 45%,rgba(167,81,38,.13),transparent 30%),radial-gradient(circle at 100% 0,rgba(167,81,38,.06),transparent 35%),var(--bg)}.grain{position:fixed;inset:-100%;opacity:.03;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}main{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.identity{padding:clamp(34px,5vw,76px);display:flex;flex-direction:column;justify-content:space-between;border-right:1px solid var(--line2)}.brand{display:flex;align-items:center;gap:14px;color:inherit;text-decoration:none}.brand img{width:44px}.brand span{font:300 15px Montserrat,sans-serif;letter-spacing:.44em}.identity>div{padding-bottom:8vh}.identity p,.card-head span{color:var(--copper);font-size:8px;text-transform:uppercase;letter-spacing:.24em}.identity h1{margin:18px 0 28px;font:300 clamp(48px,6vw,88px)/.98 Georgia,serif;letter-spacing:-.05em}.identity h1 em{color:var(--light);font-weight:400}.caption{color:var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.18em}.login-card{width:min(430px,calc(100% - 44px));margin:auto;padding:clamp(28px,4vw,48px);border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.018),transparent),rgba(17,16,14,.92);box-shadow:0 30px 100px rgba(0,0,0,.3)}.card-head{display:flex;align-items:center;gap:12px}.card-head i{height:1px;flex:1;background:linear-gradient(90deg,var(--copper),transparent)}.login-card h2{margin:34px 0 8px;font:400 35px Georgia,serif}.login-card>p{margin:0 0 30px;color:var(--muted);font-size:11px}.login-card form{display:grid;gap:18px}.login-card label{display:grid;gap:7px;color:var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.16em}.login-card input{height:46px;border:1px solid var(--line2);border-radius:2px;background:#0b0a09;color:var(--cream);padding:0 13px;font:400 13px Manrope,sans-serif;outline:none}.login-card input:focus{border-color:rgba(212,148,104,.55);box-shadow:0 0 0 3px rgba(212,148,104,.05)}.login-card button{height:48px;margin-top:4px;border:1px solid var(--line);background:rgba(212,148,104,.08);color:var(--light);font:400 9px Manrope,sans-serif;text-transform:uppercase;letter-spacing:.16em;cursor:pointer}.login-card button span{margin-left:12px}.login-card button:hover{background:rgba(212,148,104,.14)}.login-card small{display:block;margin-top:24px;color:#4e4742;font-size:8px;text-align:center}.error{margin:-10px 0 20px;padding:10px 12px;border-left:2px solid #c8796d;background:rgba(200,121,109,.07);color:#d69a91;font-size:10px}[hidden]{display:none!important}@media(max-width:800px){main{grid-template-columns:1fr}.identity{min-height:310px;padding:28px 22px;border-right:0;border-bottom:1px solid var(--line2)}.identity>div{padding:60px 0 5px}.identity h1{font-size:48px}.caption{display:none}.login-card{margin:44px auto 70px}}