*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #d4af37;--secondary: #b9932c;--danger: #dc3545;--accent: #3498db;--text: #f6f2e8;--bg: #090807;--bg-circle: radial-gradient(circle at 12% 12%, rgba(212, 175, 55, 0.15) 0%, rgba(9, 8, 7, 0) 38%), radial-gradient(circle at 90% 5%, rgba(204, 107, 43, 0.16) 0%, rgba(9, 8, 7, 0) 35%), radial-gradient(circle at 50% 100%, rgba(212, 175, 55, 0.14) 0%, rgba(9, 8, 7, 0) 44%), var(--bg);--bg-card: rgba(20, 17, 15, 0.85);--bd-card: 1px solid rgba(212, 175, 55, 0.1)}*{margin:0;padding:0;box-sizing:border-box;font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif}html{-webkit-text-size-adjust:100%;width:100%;overflow-x:hidden}body{min-height:100vh;display:flex;justify-content:center;align-items:flex-start;font-family:"Manrope",sans-serif;background:var(--bg-circle);color:var(--text);padding:40px 20px}.background-noise{position:fixed;inset:0;pointer-events:none;opacity:.08;background-image:linear-gradient(135deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%),linear-gradient(225deg, rgba(255, 255, 255, 0.08) 25%, transparent 25%);background-size:26px 26px;z-index:-1}body{align-items:center}.login-card{width:100%;max-width:360px;min-height:460px;padding:40px;background:var(--bg-card);border-radius:24px;border:var(--bd-card);backdrop-filter:blur(12px);box-shadow:0 25px 50px rgba(0,0,0,.6)}.login-card .options{text-align:center;padding-bottom:20px}.login-card.shake{animation:shake .5s cubic-bezier(0.36, 0.07, 0.19, 0.97) both}.login-card .logo{font-size:45px;text-align:center;margin-bottom:10px}.login-card .title{text-align:center;font-size:22px;font-weight:800;color:var(--primary);margin-bottom:30px;letter-spacing:1px}@keyframes shake{10%,90%{transform:translate3d(-1px, 0, 0)}20%,80%{transform:translate3d(2px, 0, 0)}30%,50%,70%{transform:translate3d(-4px, 0, 0)}40%,60%{transform:translate3d(4px, 0, 0)}}.input-box{margin-bottom:20px;position:relative;width:100%}input{width:100%;padding:15px;padding-right:45px;background:var(--bg);border:1px solid rgba(0,0,0,0);border-radius:12px;color:var(--text);font-size:15px;transition:.3s}input:focus{outline:none;border-color:var(--primary);background:#221c18}.toggle-password{position:absolute;right:15px;top:13px;color:var(--primary);cursor:pointer;font-size:20px !important;z-index:99;opacity:.8;display:inline-block}.error-msg{color:var(--danger);font-size:11px;font-weight:600;margin-top:5px;display:none;text-transform:uppercase}.btn-login{width:100%;padding:15px;border:none;border-radius:12px;background:var(--primary);color:#000;font-weight:800;cursor:pointer;transition:.3s;text-transform:uppercase;margin-top:10px;display:flex;align-items:center;justify-content:center;gap:10px}.btn-login:hover{background:var(--accent);transform:translateY(-2px);filter:brightness(1.1)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:3px solid rgba(0,0,0,.1);border-top-color:#000;border-radius:50%;animation:spin .8s linear infinite;display:none}@keyframes spin{to{transform:rotate(360deg)}}:root{--bg-success: rgba(16, 152, 82, 0.75);--bg-info: rgba(27, 143, 153, 0.75);--bg-warning: rgba(217, 206, 7, 0.85);--bg-danger: rgba(213, 3, 3, 0.65);--bg-dark: rgba(29, 28, 28, 0.881);--bg-progress: rgba(0, 0, 0, 0.502)}.message{position:fixed;top:1.25rem;right:.625rem;min-height:5.625rem;min-width:17.5rem;font-family:"Lato",sans-serif;font-weight:500;padding:1.25rem 3.125rem;display:block;border-radius:.575rem;color:#fff;z-index:1000;animation:slidein .4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;box-shadow:0 10px 30px rgba(0,0,0,.6)}.message::before{position:absolute;top:2rem;left:1rem;font-size:1.25rem;display:inline-block}.message::after{display:inline-block;content:"";position:absolute;left:.3125rem;bottom:0;width:100%;height:.3125rem;animation:time 3s forwards;vertical-align:-0.125em}.message.hide{animation:hideAlert 1s ease forwards}.message.success.message{border-left:4px solid var(--bg-success);background-color:color-mix(in srgb, var(--bg-success), transparent 60%)}.message.success.message::before{content:"✔️"}.message.info.message{border-left:4px solid var(--bg-info);background-color:color-mix(in srgb, var(--bg-info), transparent 60%)}.message.info.message::before{content:"💡"}.message.info.message::after{background-color:var(--bg-info)}.message.warning.message,.message.atention.message{border-left:4px solid var(--bg-warning);background-color:color-mix(in srgb, var(--bg-warning), transparent 60%)}.message.warning.message::before,.message.atention.message::before{content:"⚠️"}.message.error.message,.message.errors.message{border-left:4px solid var(--bg-danger);background-color:color-mix(in srgb, var(--bg-danger), transparent 60%)}.message.error.message::before,.message.errors.message::before{content:"🚫"}.message.error.message::after,.message.errors.message::after{background-color:var(--bg-danger)}@keyframes slidein{0%{transform:translateX(100%)}40%{transform:translateX(-15%)}80%{transform:translateX(0%)}100%{transform:translateX(-10px)}}@keyframes time{0%{width:100%}100%{width:0}}@keyframes hideAlert{0%{transform:translateX(-10px)}40%{transform:translateX(0%)}80%{transform:translateX(-15%)}100%{transform:translateX(100%)}}@keyframes circle{0%{transform:rotate(0deg) translateX(0px)}100%{transform:rotate(360deg) translateX(0px)}}