html,body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden;font-family:"Noto Serif SC",serif;background-color:#03040c;color:#fff;overscroll-behavior:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}@keyframes breathe{0%{transform:scale(1) translate(0)}33%{transform:scale(1.05) translate(-1%,1%)}66%{transform:scale(1.03) translate(1%,-1%)}to{transform:scale(1) translate(0)}}.dynamic-bg{position:absolute;top:-5%;left:-5%;width:110%;height:110%;z-index:0;background:url(../bg.png) center center no-repeat;background-size:cover;animation:breathe 25s infinite ease-in-out;pointer-events:none}#root{width:100%;height:100%}.glass-panel{background:#0f14230d;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08);box-shadow:0 0 40px #00c8ff0d,inset 0 0 20px #ffffff05;border-radius:24px;padding:25px 40px;width:100%;max-width:460px;margin-top:18vh;position:relative;overflow:hidden}.title{font-size:1.6rem;font-weight:700;text-align:center;margin-bottom:16px;background:linear-gradient(135deg,#ffdfb4,#e2b06f,#ffe9c2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:4px}.input-group{margin-bottom:16px;position:relative}.input-label{display:block;font-size:.9rem;color:#ffffffb3;margin-bottom:6px;letter-spacing:2px;text-align:center}.glass-input{width:100%;background:#00000014;border:1px solid rgba(255,215,0,.15);color:#fff;padding:10px 16px;border-radius:8px;font-family:sans-serif;font-size:.95rem;outline:none;text-align:center;transition:all .3s ease}.glass-input:focus{border-color:#ffd700cc;box-shadow:0 0 15px #ffd70033;background:#00000080}@keyframes crystalBreath{0%,to{box-shadow:0 12px 26px #4a7cc942,0 0 0 1px #ffffff2e inset,0 -12px 20px #ffffff24 inset,0 0 18px #b0efff29}50%{box-shadow:0 16px 32px #5898e657,0 0 0 1px #ffffff38 inset,0 -14px 24px #ffffff2e inset,0 0 28px #c5f5ff57}}.login-btn{width:100%;padding:14px;background:linear-gradient(135deg,#ffffff3d,#c2e5ff29 45%,#a8ccff33),radial-gradient(circle at 18% 14%,#ffffff9e,#ffffff0f 40%),linear-gradient(160deg,#80afff38,#7df5ff24);border:1px solid rgba(210,236,255,.62);color:#eef7ff;font-family:inherit;font-size:1.1rem;font-weight:700;letter-spacing:4px;text-shadow:0 1px 8px rgba(160,214,255,.45);border-radius:12px;cursor:pointer;transition:all .35s ease;position:relative;overflow:hidden;box-shadow:0 12px 26px #4a7cc947,0 0 0 1px #ffffff29 inset,0 -12px 20px #ffffff24 inset;backdrop-filter:blur(10px) saturate(130%);-webkit-backdrop-filter:blur(10px) saturate(130%);animation:crystalBreath 3.8s ease-in-out infinite}.login-btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:linear-gradient(140deg,#fff8e6f2,#efd09294,#fff8e6e6);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.78}.login-btn:before{content:"";position:absolute;left:-36%;top:-120%;width:54%;height:340%;background:linear-gradient(90deg,#fff0,#ffffffb3,#fff0);transform:rotate(24deg);opacity:.72;transition:transform .7s ease,left .7s ease;pointer-events:none}.login-btn:hover{border-color:#e2f6ffe6;color:#fff;transform:translateY(-2px) scale(1.01);box-shadow:0 16px 30px #5ba6ff59,0 0 24px #b0efff52,0 0 0 1px #ffffff3d inset,0 -12px 20px #fff3 inset}.login-btn:hover:before{left:120%}.login-btn:active{transform:translateY(0) scale(.99)}.login-btn:disabled{cursor:not-allowed;opacity:.55;animation:none;box-shadow:0 8px 18px #4a7cc924,0 0 0 1px #ffffff14 inset}.ui-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none}.glass-panel{pointer-events:auto}