@import url(https://fonts.googleapis.com/css2?family=Kanit:wght@500;600;700&family=Noto+Sans+Display:wght@400;500;600;700&display=swap);@keyframes loginCardFlip{0%{transform:rotateY(0deg)}to{transform:rotateY(180deg)}}@keyframes splashPulse{0%,to{transform:scale(.82);opacity:.45}50%{transform:scale(1.06);opacity:.9}}@keyframes splashLogoPulse{0%,to{transform:scale(.94);opacity:.76}50%{transform:scale(1.02);opacity:1}}body,html{min-height:100%}body{font-family:'Noto Sans Display',sans-serif;margin:0;color:#fff;background:radial-gradient(circle at top left,rgba(227,30,36,.24),transparent 34%),radial-gradient(circle at bottom right,rgba(227,30,36,.18),transparent 30%),linear-gradient(135deg,#15161a 0%,#1e1f24 50%,#2a2c34 100%)}*,::after,::before{box-sizing:border-box}button,input{font:inherit}.login-layout{position:relative;display:flex;overflow:hidden;min-height:100vh;padding:24px;align-items:center;justify-content:center}.login-card{position:relative;z-index:2;width:100%;max-width:460px;perspective:2200px}.login-card__inner{position:relative;width:100%;min-height:620px;animation:loginCardFlip 1.15s cubic-bezier(.2,.9,.2,1) 3s forwards;transform-style:preserve-3d}.login-panel{position:absolute;overflow:hidden;width:100%;padding:32px 20px 24px;border:1px solid rgba(255,255,255,.08);border-radius:20px;background:rgba(30,31,36,.88);box-shadow:0 24px 80px rgba(0,0,0,.35);inset:0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);backface-visibility:hidden;-webkit-backface-visibility:hidden}.login-panel--front{display:flex;padding:40px 20px;background:radial-gradient(circle at center,rgba(227,30,36,.18) 0%,rgba(227,30,36,.06) 28%,rgba(30,31,36,.92) 62%),rgba(30,31,36,.96);align-items:center;justify-content:center}.login-panel--back{transform:rotateY(180deg)}.login-panel__brand{position:relative;display:flex;width:100%;height:100%;align-items:center;justify-content:center}.login-panel__pulse{position:absolute;width:150px;height:150px;animation:splashPulse 1.8s ease-in-out infinite;border-radius:50%;background:radial-gradient(circle,rgba(227,30,36,.42) 0%,rgba(227,30,36,.16) 40%,rgba(227,30,36,0) 74%);filter:blur(10px)}.login-panel__logo{position:relative;width:min(66vw,220px);max-width:220px;animation:splashLogoPulse 1.8s ease-in-out infinite;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 0 28px rgba(227,30,36,.3))}.login-panel__eyebrow{font-size:14px;font-weight:700;margin:0 0 12px;letter-spacing:.18em;text-transform:uppercase;color:#e31e24}.login-panel__title{font-family:'Kanit',system-ui;font-size:32px;font-weight:600;line-height:1;margin:0 0 12px}.login-panel__text{font-size:16px;line-height:1.5;margin:0 0 14px;color:rgba(255,255,255,.72)}.login-panel__warning{font-size:14px;font-weight:700;line-height:1.5;margin:0 0 26px;color:#e31e24}.login-form{display:grid;gap:18px}.login-form--locked .login-form__submit{cursor:not-allowed}.login-form__field{display:grid;gap:8px}.login-form__label{font-size:14px;font-weight:700}.login-form__input{width:100%;height:56px;padding:0 18px;transition:border-color .25s ease,box-shadow .25s ease,background-color .25s ease;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(255,255,255,.04)}.login-form__input::-moz-placeholder{color:rgba(255,255,255,.38)}.login-form__input::placeholder{color:rgba(255,255,255,.38)}.login-form__input:focus{border-color:#e31e24;outline:0;background:rgba(255,255,255,.08);box-shadow:0 0 0 4px rgba(227,30,36,.16)}.login-form__submit-wrap{position:relative;overflow:hidden;height:64px;margin-top:6px}.login-form__submit{font-family:'Kanit',system-ui;font-size:16px;font-weight:700;position:absolute;top:0;left:50%;width:164px;height:58px;cursor:pointer;transition:transform .18s ease,box-shadow .25s ease,filter .25s ease,opacity .25s ease;letter-spacing:.04em;text-transform:uppercase;color:#fff;border:0;border-radius:16px;background:linear-gradient(135deg,#ff4b51 0%,#e31e24 100%);will-change:transform}.login-form__submit.is-ready:hover{transform:translateY(-1px);box-shadow:0 16px 32px rgba(227,30,36,.28);filter:brightness(1.04)}.login-form__submit.is-ready:focus{outline:0;box-shadow:0 0 0 4px rgba(227,30,36,.2)}.login-form__submit.is-ready:active{transform:translateY(1px)}.login-form__submit.is-running{box-shadow:0 12px 24px rgba(227,30,36,.18)}.login-form__submit.is-ready{cursor:pointer}@media (min-width:768px){.login-panel{padding:40px 32px 32px;border-radius:24px}.login-card__inner{min-height:560px}.login-panel--front{padding:52px 32px}.login-panel__pulse{width:220px;height:220px}.login-panel__logo{width:min(66vw,280px);max-width:280px}.login-panel__title{font-size:40px}}