:root{--bg:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--glass:#ffffff73;--glass-border:#0f172a14;--accent:#2563eb;--accent-hover:#1d4ed8;--text:#0f172a;--text-muted:#475569;--card-bg:#fff9;--input-bg:#ffffffd9;--input-bg-focus:#fffffff2;--input-focus-shadow:#2563eb26;--button-bg:#0f172a0d;--button-bg-hover:#0f172a17;--accent-shadow:#2563eb40;--error:#ef4444;--error-bg:#ef44441a;--error-border:#ef444433}@media (prefers-color-scheme:dark){:root{--bg:#0b0d11;--bg-gradient:radial-gradient(circle at top, #1e293b 0%, #0b0d11 100%);--glass:#ffffff05;--glass-border:#ffffff12;--accent:#3b82f6;--accent-hover:#2563eb;--text:#f9fafb;--text-muted:#9ca3af;--card-bg:#ffffff08;--input-bg:#ffffff08;--input-bg-focus:#ffffff0d;--input-focus-shadow:#3b82f626;--button-bg:#ffffff0f;--button-bg-hover:#ffffff1f;--accent-shadow:#3b82f640;--error:#f87171;--error-bg:#f871711a;--error-border:#f8717126}}a,a:visited{color:inherit;text-decoration:none}body{background:var(--bg-gradient);color:var(--text);box-sizing:border-box;flex-direction:column;align-items:center;min-height:100vh;margin:0;padding:40px 24px;font-family:Outfit,sans-serif;display:flex}.container{width:100%;max-width:680px}.header{justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}.back-link,.back-link:visited{color:var(--text-muted);align-items:center;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent)}.logo{text-transform:uppercase;letter-spacing:2px;color:var(--accent);font-size:14px;font-weight:600}h1{letter-spacing:-.5px;margin:0 0 8px;font-size:32px;font-weight:700}.tagline{color:var(--text-muted);margin-bottom:40px;font-size:16px}.card{background:var(--glass);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);box-sizing:border-box;border-radius:24px;width:100%;margin-bottom:30px;padding:40px;box-shadow:0 25px 50px -12px #0000001a}.form-group{text-align:left;margin-bottom:24px}label{color:var(--text-muted);margin-bottom:8px;font-size:14px;font-weight:500;display:block}input{background:var(--input-bg);border:1px solid var(--glass-border);width:100%;color:var(--text);box-sizing:border-box;border-radius:12px;outline:none;padding:14px 16px;font-family:inherit;font-size:15px;transition:all .2s cubic-bezier(.4,0,.2,1)}input:focus{border-color:var(--accent);background:var(--input-bg-focus);box-shadow:0 0 0 3px var(--input-focus-shadow)}.btn{background:var(--accent);color:#fff;cursor:pointer;text-align:center;box-sizing:border-box;width:100%;box-shadow:0 4px 12px var(--accent-shadow);border:none;border-radius:12px;padding:15px;font-family:inherit;font-size:16px;font-weight:600;text-decoration:none;transition:all .2s;display:block}.btn:hover{background:var(--accent-hover);transform:translateY(-1px)}.error{color:var(--error);background:var(--error-bg);border:1px solid var(--error-border);border-radius:10px;margin-bottom:24px;padding:14px;font-size:14px;line-height:1.5}.results-list{text-align:left;flex-direction:column;gap:12px;display:flex}.hymn-card{background:var(--card-bg);border:1px solid var(--glass-border);color:inherit;border-radius:14px;justify-content:space-between;align-items:center;padding:16px 20px;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.hymn-card:hover{border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 20px #0000000d}.hymn-info{flex-direction:column;gap:4px;display:flex}.hymn-number{text-transform:uppercase;letter-spacing:.5px;color:var(--accent);font-size:13px;font-weight:600}.hymn-title{font-size:16px;font-weight:500}.btn-download{background:var(--button-bg);border:1px solid var(--glass-border);color:var(--text);cursor:pointer;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .2s}.hymn-card:hover .btn-download{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 4px 12px var(--accent-shadow)}.logout-link{color:var(--text-muted);margin-top:24px;font-size:14px;text-decoration:none;transition:color .2s;display:inline-block}.logout-link:hover{color:var(--text)}.bundle-banner{text-align:center;background:#2563eb14;border:1px solid #2563eb26;border-radius:16px;margin-bottom:24px;padding:24px}@media (prefers-color-scheme:dark){.bundle-banner{background:#3b82f61a;border:1px solid #3b82f633}}