*{box-sizing:border-box}body{margin:0;padding:0;background:linear-gradient(135deg,#e0f2fe,#bae6fd,#7dd3fc,#38bdf8);background-size:300% 300%;animation:glassGradient 15s ease infinite;color:#0f172a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;min-height:100vh}@keyframes glassGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.glass-panel{background:#fff6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.6);box-shadow:0 8px 32px #0ea5e926}.glass-button{background:#ffffff80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.8);box-shadow:0 4px 12px #0000000d;transition:all .2s}.glass-button:hover{background:#fffc;transform:translateY(-2px);box-shadow:0 6px 16px #0ea5e933}.glass-button:active{transform:translateY(0)}.glass-input{background:#fff9;border:1px solid rgba(255,255,255,.8);color:#0f172a;transition:all .2s}.glass-input:focus{background:#ffffffe6;outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e94d}.login-container{display:flex;justify-content:center;align-items:center;height:100vh}.login-box{background:#fff;padding:40px;border-radius:12px;box-shadow:0 10px 25px #0ea5e926;display:flex;flex-direction:column;gap:20px;width:100%;max-width:400px;border:1px solid #e0f2fe}.login-box h2{margin:0;text-align:center;color:#0284c7}.login-box form{display:flex;flex-direction:column;gap:15px}.login-box input{padding:12px;border:1px solid #bae6fd;background:#f8fafc;color:#0f172a;border-radius:6px;font-size:1rem}.login-box input:focus{outline:none;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.login-box button{padding:14px;background:#0ea5e9;color:#fff;border:none;font-weight:700;font-size:1.1rem;border-radius:6px;cursor:pointer;transition:background .2s,transform .1s}.login-box button:hover{background:#0284c7;transform:translateY(-1px)}.error-text{color:#f44;font-size:.9em;text-align:center;margin:0}