@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700&family=Open+Sans:wght@300;400;500;600;700&display=swap";
body{color:#f5f5f5;background:linear-gradient(#0a0a0af5,#0a0a0af5),url(/images/pat.png);font-family:Open Sans,sans-serif}body .Login{flex-direction:row;justify-content:space-between;align-items:center;width:calc(100% - 200px);min-width:295px;max-width:1800px;height:100dvh;min-height:100dvh;display:flex;position:relative;box-shadow:2px 0 18px -2px #0009}body .Login .buttons{gap:10px;display:flex}body .Login .buttons button{cursor:pointer;color:#f5f5f5;background-color:#d3ad0380;border:none;border-radius:2px;outline:none;padding:8px 24px;font-family:Open Sans,sans-serif;font-size:14.5px;font-weight:300;transition:all .18s}body .Login .buttons button:hover{color:#0a0a0a;background-color:#ffd931;transform:scale(1.05)}body .Login h1{color:#f5f5f5;margin-bottom:48px;font-family:Nunito,sans-serif;font-size:48px;font-weight:500;position:relative}body .Login h1:after{content:"";background-color:#d3ad03;width:50px;height:3px;margin-top:18px;display:block}body .Login .logo{width:135px;height:135px;position:absolute;top:20px;right:-68px}body .Login .logo img{object-fit:contain;width:100%;max-width:135px;height:100%;max-height:135px}body .Login .frame{background-color:#141414;border-right:1px solid #383838;flex-direction:column;flex:1;max-width:100%;height:100%;padding:20px 40px;display:flex;overflow-y:auto}body .Login .frame .inner{flex-direction:column;gap:4px;width:100%;max-width:460px;margin:auto;display:flex}body .Login .frame .inner .grp{flex-direction:column;gap:6px;margin-bottom:15px;display:flex}body .Login .frame .inner .grp label{color:silver;font-size:14px;font-weight:400}body .Login .frame .inner .grp input{color:#f5f5f5;box-sizing:border-box;background-color:#1e1e1e;border:1.5px solid #0000;border-radius:2px;width:100%;padding:14px 22px;font-family:Open Sans,sans-serif;font-weight:300;transition:border-color .2s}body .Login .frame .inner .grp input::placeholder{color:#747474}body .Login .frame .inner .grp input:focus{border-color:#d3ad03;outline:none}body .footer{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:9px;margin-top:auto;margin-bottom:20px;display:flex}body .footer h2{letter-spacing:4px;color:#fff;margin:0;font-size:38px;font-weight:500}body .footer h3{letter-spacing:6px;color:#fff;margin:0;font-size:12.5px;font-weight:400}body .return{margin-top:12px}body .return a{color:#fff;vertical-align:middle;align-items:center;gap:8px;font-size:12.5px;font-weight:300;line-height:20px;text-decoration:none;transition:color .18s;display:inline-flex}body .return a svg{fill:currentColor;width:18px;height:18px;transition:fill .18s}body .return a:hover{color:#fff;text-decoration:underline}@media (max-width:768px){body .Login{flex-direction:column;width:100%;height:auto;min-height:100dvh}body .Login .frame{border-top:1px solid #383838;border-right:none;flex:100%;min-width:100%;height:auto;padding:40px 20px}body .Login .frame .inner{justify-content:flex-start;align-items:flex-start;margin-top:20px;margin-bottom:20px}body .Login .frame .inner>*{width:100%}body .Login .frame .inner .buttons{margin-top:0!important}body .Login .frame .inner button{width:100%}body .Login .logo{margin:20px auto 0;position:static;top:auto;right:auto}body .Login h1{text-align:center;margin-bottom:30px;font-size:36px}body .Login h1:after{margin-left:auto;margin-right:auto}body .Login .buttons{justify-content:center;margin-top:20px}body .Login .footer{display:none}}@media (max-width:500px){body .Login .frame{padding:30px 15px}body .Login h1{margin-bottom:25px;font-size:30px}body .Login .buttons button{padding:8px 14px;font-size:14px}}