@import url("/static/css/explorer.css");

* { margin:0; padding:0; box-sizing:border-box; }
body {
    font-family: 'Segoe UI', -apple-system, sans-serif;
    background: var(--body-bg-image), var(--body-bg);
    background-size: cover;
    background-attachment: fixed;
    display: flex; align-items: center; justify-content: center; height: 100vh;
    color: var(--win-text);
    position: relative;
}
.theme-toggle-corner {
    position: fixed; top: 16px; right: 16px; display: flex; gap: 6px;
}
.theme-toggle-corner button {
    border: var(--fx-panel-border); background: var(--win-content); color: var(--win-text);
    border-radius: var(--fx-radius); padding: 6px 10px; font-size: 12px; cursor: pointer;
    backdrop-filter: blur(var(--fx-blur));
}
.theme-toggle-corner button:hover { background: var(--win-hover); }
.card {
    background: var(--win-content); border: var(--fx-panel-border); border-radius: 12px;
    padding: 40px 36px; width: 340px;
    box-shadow: var(--fx-panel-shadow), 0 4px 16px rgba(0,0,0,0.08);
    backdrop-filter: blur(var(--fx-blur)); -webkit-backdrop-filter: blur(var(--fx-blur));
}
.logo { font-size: 28px; text-align: center; margin-bottom: 6px; }
.title { text-align: center; font-size: 18px; font-weight: 700; margin-bottom: 6px; color: var(--win-text); }
.subtitle { text-align: center; font-size: 12px; color: var(--win-text-muted); margin-bottom: 24px; }
label { font-size: 12px; color: var(--win-text-muted); display: block; margin-bottom: 4px; }
input[type=text], input[type=password] {
    width: 100%; padding: 9px 12px; border: var(--fx-panel-border);
    border-radius: var(--fx-radius); font-size: 14px; outline: none; margin-bottom: 16px;
    background: var(--win-bg); color: var(--win-text);
}
input:focus { border-color: var(--win-accent); }
.error {
    background: rgba(209,52,56,0.1); border: 1px solid rgba(209,52,56,0.4); border-radius: var(--fx-radius);
    padding: 8px 12px; font-size: 12px; color: var(--win-danger); margin-bottom: 16px;
}
button[type=submit] {
    width: 100%; padding: 10px; background: var(--win-accent); color: #fff;
    border: none; border-radius: var(--fx-radius); font-size: 14px; cursor: pointer; font-weight: 600;
}
button[type=submit]:hover { filter: brightness(1.08); }
[data-theme^="mesh"] button[type=submit] { background: linear-gradient(135deg, var(--win-accent), #845ec2); }
[data-theme^="neu"] button[type=submit] { box-shadow: 3px 3px 7px var(--fx-shadow-dark), -3px -3px 7px var(--fx-shadow-light); }