*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}html,body{height:100%;width:100%;overflow:hidden}body{font-family:Suwannaphum,system-ui,-apple-system,sans-serif;background:#e5d8ca;color:#241710;-webkit-font-smoothing:antialiased}#root{width:100%;max-width:430px;margin:0 auto;height:100vh;height:100dvh;overflow-y:auto;overflow-x:hidden;background:#fbf6f1;box-shadow:0 0 60px #0000001f;position:relative;transform:translateZ(0)}@media (min-width: 900px){#root{max-width:700px}body.login-fullwidth #root{max-width:none;box-shadow:none}}.matrix-container{width:100%;height:100%;perspective:1500px;position:relative;background-color:#0d0d1a;overflow:hidden}.matrix-grid{width:100%;height:100%;background:linear-gradient(#262645 1px,transparent 1px),linear-gradient(90deg,#262645 1px,transparent 1px),repeating-linear-gradient(45deg,rgba(0,255,170,.05) 0px 1px,transparent 1px 12px),repeating-linear-gradient(-45deg,rgba(0,255,170,.05) 0px 1px,transparent 1px 12px),radial-gradient(circle at center,#0a0a1a,#000);background-size:28px 28px,28px 28px,50px 50px,50px 50px,cover;border:1px solid rgba(0,255,170,.1);box-shadow:inset 0 0 40px #00ffaa1a,0 0 60px #00ffaa26;transform-style:preserve-3d;transition:all .6s ease-in-out;position:relative}.matrix-grid:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,rgba(0,255,170,.4),transparent);animation:borderFlow 6s linear infinite;pointer-events:none;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude}.matrix-grid:after{content:"";position:absolute;top:50%;left:50%;width:160px;height:160px;background:radial-gradient(circle,rgba(0,255,170,.15) 0%,transparent 70%);transform:translate(-50%,-50%);animation:pulse 3.5s ease-in-out infinite alternate;z-index:1}@keyframes borderFlow{0%{background-position:0% 50%}to{background-position:200% 50%}}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.85);opacity:.2}to{transform:translate(-50%,-50%) scale(1.1);opacity:.5}}@media (prefers-reduced-motion: reduce){.matrix-grid:before,.matrix-grid:after{animation:none}}.glow-login{display:flex;justify-content:center;width:100%}.glow-login .container{position:relative;display:flex;align-items:stretch;justify-content:center;overflow:hidden;border-radius:24px;background:#272727;padding:2px;width:100%;max-width:330px;box-shadow:0 4px 8px #0003,0 8px 16px #0003,0 0 8px #ffffff1a,0 0 16px #ffffff14}.glow-login .container:before{content:"";position:absolute;top:-60px;right:-60px;bottom:-60px;left:-60px;z-index:0;background:conic-gradient(from 45deg,transparent 75%,#fff,transparent 100%);animation:glowSpin 4s ease-in-out infinite}@keyframes glowSpin{to{transform:rotate(360deg)}}.glow-login .login-box{position:relative;z-index:1;width:100%;background:#272727;border-radius:22px;padding:28px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);box-shadow:inset 0 40px 60px -8px #ffffff1f,inset 4px 0 12px -6px #ffffff1f,inset 0 0 12px -4px #ffffff1f}.glow-login .form{display:flex;flex-direction:column;align-items:center;gap:12px}.glow-login form{width:100%;display:flex;flex-direction:column;gap:12px}.glow-login .logo{width:62px;height:62px;flex:none;background:linear-gradient(135deg,#fff3,#0003);box-shadow:8px 8px 16px #0003,-8px -8px 16px #ffffff0f;border-radius:20px;border:2px solid #fff;display:flex;justify-content:center;align-items:center;font-size:30px}.glow-login .header{width:100%;text-align:center;font-size:22px;font-weight:700;color:#fff}.glow-login .subheader{margin-top:-8px;color:#ffffff80;font-size:12.5px}.glow-login .input{width:100%;padding:11px 12px;border:1px solid transparent;border-radius:12px;background:#3a3a3a;color:#fff;outline:none;font-size:14px;box-sizing:border-box}.glow-login .input::placeholder{color:#ffffff73}.glow-login .input:focus{border-color:#fff}.glow-login .button{width:100%;min-height:40px;padding:10px;border:none;border-radius:20px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;background:#373737;color:#fff;transition:.3s;box-shadow:inset 0 3px 6px -4px #fff9,inset 0 -3px 6px -2px #000c}.glow-login .button:hover:not(:disabled){background:#ffffff2e;box-shadow:inset 0 3px 6px #fff9,inset 0 -3px 6px #000c,0 0 8px #ffffff0d}.glow-login .button:disabled{opacity:.5;cursor:not-allowed}.glow-login .button.sign-in{margin-top:2px}.glow-login .button.ghost{background:transparent;box-shadow:none;min-height:0;font-weight:500;color:#ffffff80}.glow-login .button.ghost:hover:not(:disabled){background:transparent;box-shadow:none;color:#fff}.glow-login .icon{height:16px}.glow-login .divider{display:flex;align-items:center;gap:10px;width:100%;color:#ffffff80;font-size:12px;font-weight:600}.glow-login .divider:before,.glow-login .divider:after{content:"";flex:1;height:1px;background:#ffffff26}.glow-login .tg-row{display:flex;justify-content:space-between;align-items:center;width:100%;font-size:12px;font-weight:600;color:#ffffffb3}.glow-login .hint{width:100%;color:#ffffff80;font-size:11.5px;line-height:1.5;text-align:center}.glow-login .error{width:100%;background:#ef444426;border:1px solid rgba(248,113,113,.5);color:#ffb4b4;border-radius:12px;padding:9px 12px;font-size:13px;text-align:center}.glow-login .section{width:100%;display:flex;flex-direction:column;gap:10px}@media (prefers-reduced-motion: reduce){.glow-login .container:before{animation:none}}button{font-family:inherit;cursor:pointer;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none}a{color:inherit;text-decoration:none}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#e8d5c4;border-radius:4px}