@import url('https://fonts.googleapis.com/css2?family=Abel&display=swap');*{box-sizing:border-box}html,body,button,input{font-family:'Abel',sans-serif}body{margin:0;background:#124b42;color:#18211f}.auth-stage{min-height:100vh;display:grid;place-items:center;padding:20px}.auth-card{width:min(486px,100%);padding:20px 42px;border-radius:10px;background:#fff6f0;text-align:center}.ref-brand{display:flex;align-items:center;justify-content:center;gap:14px;width:250px;min-height:106px;margin:0 auto 9px;padding:20px;border:1px solid #ff9494;border-radius:11px;background:linear-gradient(145deg,#001c1d,#001012);color:#fff;text-decoration:none}.ref-brand i{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#c8ef78;color:#102b29;font-style:normal;font-size:30px}.ref-brand span{font-size:31px;text-align:left}.ref-brand small{display:block;color:#9cbab4;font-size:9px;letter-spacing:3px}.auth-card h1{font-size:23px;font-weight:400;margin:8px 0 0}.auth-card>p{margin:0 0 24px}.ref-field{display:block;margin:14px 0}.ref-field input{width:100%;height:42px;padding:0 15px;border:1px solid #111;border-radius:5px;background:#fff;font-size:14px}.ref-submit{display:block;min-width:195px;margin:30px auto 24px;padding:10px 20px;border:1px solid #111;border-radius:11px;background:linear-gradient(100deg,#fff8a5,#ff898f);font-size:19px;cursor:pointer}.ref-links{display:flex;justify-content:center;gap:14px}.ref-links a,.ref-links button{padding:6px 14px;border:1px solid #111;border-radius:5px;background:linear-gradient(100deg,#f5d8da,#70e6d9);color:#17211f;text-decoration:none}.landing{width:min(700px,calc(100% - 30px));text-align:center;color:#fff}.landing p{font-size:20px}.landing-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}.landing-actions button{min-height:61px;border:1px solid #ff8f91;border-bottom:5px solid #22c5b9;border-radius:11px;background:linear-gradient(100deg,#39d2c9,#faff74,#ffb0ad);font-size:20px}.auth-modal{width:min(485px,calc(100% - 24px));max-height:96vh;padding:0;border:1px solid #111;border-radius:10px;background:#fff6f0}.auth-modal::backdrop{background:#0a3933aa}.auth-modal>div{position:relative;padding:20px 40px 28px}.modal-x{position:absolute;right:18px;top:22px;width:41px;height:41px;border:4px solid #292929;border-radius:6px;background:#fff;font-size:29px}.alert{padding:9px;border-radius:6px;background:#ffe2df;color:#93352f}@media(max-width:680px){.auth-card,.auth-modal>div{padding:18px}.landing-actions{grid-template-columns:1fr}.ref-links{flex-direction:column}}