*{box-sizing:border-box}html,body,#app{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;background:linear-gradient(160deg,#0f766e,#134e4a 45%,#0c4a6e)}.page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px}.card{width:100%;max-width:400px;background:#fffffffa;border-radius:16px;padding:32px 28px 28px;box-shadow:0 20px 50px #00000040}.title{margin:0 0 8px;font-size:1.35rem;font-weight:600;color:#0f172a;text-align:center}.subtitle{margin:0 0 24px;font-size:.9rem;color:#64748b;text-align:center}.form{display:flex;flex-direction:column;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.label{font-size:.85rem;font-weight:500;color:#334155}.field input{width:100%;padding:12px 14px;border:1px solid #cbd5e1;border-radius:10px;font-size:1rem;outline:none;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:#0d9488;box-shadow:0 0 0 3px #0d948833}.field input:disabled{opacity:.65;background:#f1f5f9}.error{margin:0;font-size:.85rem;color:#b91c1c;text-align:center}.btn{margin-top:8px;width:100%;padding:14px;border:none;border-radius:10px;font-size:1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#0d9488,#0e7490);cursor:pointer;transition:opacity .15s,transform .08s}.btn:hover:not(:disabled){opacity:.95}.btn:active:not(:disabled){transform:scale(.99)}.btn:disabled{opacity:.55;cursor:not-allowed}