*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #ffffff;--bg-secondary: #f6f8fa;--bg-code: #f1f2f3;--border-color: #d0d7de;--text-primary: #24292f;--text-secondary: #57606a;--accent-color: #0969da;--accent-hover: #0550ae;--link-color: #0969da;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--error-color: #cf222e;--success-color: #1a7f37}@media(prefers-color-scheme:dark){:root{--bg-primary: #0d1117;--bg-secondary: #161b22;--bg-code: #1f2937;--border-color: #30363d;--text-primary: #c9d1d9;--text-secondary: #8b949e;--accent-color: #58a6ff;--accent-hover: #79c0ff;--link-color: #58a6ff}}body{font-family:var(--font-sans);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;display:flex;flex-direction:column}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1.5rem}.hero{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color);padding:3rem 0}.hero-content{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.hero-text{text-align:center}.hero h1{font-size:2rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.hero .subtitle{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.auth-section{display:flex;gap:.75rem}.btn-auth{padding:.5rem 1.25rem;font-size:.875rem;font-weight:500;border-radius:6px;cursor:pointer;transition:all .2s ease;border:1px solid transparent}.btn-login{background-color:var(--accent-color);color:var(--bg-primary)}.btn-login:hover{background-color:var(--accent-hover)}.btn-register{background-color:transparent;color:var(--accent-color);border-color:var(--accent-color)}.btn-register:hover{background-color:var(--accent-color);color:var(--bg-primary)}.btn-logout{background-color:transparent;color:var(--text-secondary);border-color:var(--border-color)}.btn-logout:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.user-section{display:flex;align-items:center;gap:1rem}.user-email{font-size:.875rem;color:var(--text-secondary)}main{flex:1;padding:2rem 0}section{margin-bottom:3rem}section h2{font-size:1.5rem;font-weight:600;margin-bottom:1rem;color:var(--text-primary);padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.quick-start{background-color:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;padding:1.5rem}.quick-start p{color:var(--text-secondary);margin-bottom:1rem}.quick-start code{font-family:var(--font-mono);background-color:var(--bg-code);padding:.2rem .4rem;border-radius:4px;font-size:.875em}.quick-start pre{background-color:var(--bg-code);border-radius:6px;padding:1rem;overflow-x:auto}.quick-start pre code{background:none;padding:0;font-size:.875rem;color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse;border:1px solid var(--border-color);border-radius:6px;overflow:hidden}.data-table th,.data-table td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--border-color)}.data-table th{background-color:var(--bg-secondary);font-weight:600;font-size:.875rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--bg-secondary)}.data-table code{font-family:var(--font-mono);font-size:.8125rem;background-color:var(--bg-code);padding:.2rem .4rem;border-radius:4px;color:var(--text-secondary)}.btn-download{display:inline-block;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--bg-primary);background-color:var(--accent-color);border-radius:6px;text-decoration:none;transition:background-color .2s ease;cursor:pointer;border:none}.btn-download:hover{background-color:var(--accent-hover)}.about p{margin-bottom:1rem;color:var(--text-secondary)}.about p:last-child{margin-bottom:0}footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-color);padding:2rem 0;margin-top:auto}footer p{font-size:.875rem;color:var(--text-secondary);margin-bottom:.5rem}footer p:last-child{margin-bottom:0}footer a{color:var(--link-color);text-decoration:none}footer a:hover{text-decoration:underline}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:none;z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-overlay.active{display:block}.modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;width:100%;max-width:400px;display:none;z-index:1001;box-shadow:0 8px 24px #00000026}.modal.active{display:block}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h3{font-size:1.25rem;font-weight:600;color:var(--text-primary)}.modal-close{background:none;border:none;font-size:1.5rem;color:var(--text-secondary);cursor:pointer;padding:0;line-height:1}.modal-close:hover{color:var(--text-primary)}.auth-form{display:flex;flex-direction:column;gap:1rem}.form-group{display:flex;flex-direction:column;gap:.375rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-primary)}.form-group input{padding:.625rem .875rem;font-size:.9375rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--bg-primary);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease}.form-group input:focus{outline:none;border-color:var(--accent-color);box-shadow:0 0 0 3px #0969da26}.form-group input::placeholder{color:var(--text-secondary);opacity:.7}.form-error{color:var(--error-color);font-size:.875rem;padding:.5rem;background-color:#cf222e1a;border-radius:4px}.btn-submit{margin-top:.5rem;padding:.625rem 1rem;font-size:.9375rem;font-weight:500;color:var(--bg-primary);background-color:var(--accent-color);border:none;border-radius:6px;cursor:pointer;transition:background-color .2s ease}.btn-submit:hover{background-color:var(--accent-hover)}.btn-submit:disabled{opacity:.6;cursor:not-allowed}.modal-notification .modal-body{padding:1rem 0}.download-progress{display:flex;flex-direction:column;gap:1rem}.progress-bar{width:100%;height:8px;background-color:var(--bg-secondary);border-radius:4px;overflow:hidden}.progress-fill{height:100%;background-color:var(--accent-color);width:0%;transition:width .3s ease;border-radius:4px}.progress-text{font-size:.875rem;color:var(--text-secondary);text-align:center}.download-complete{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.download-success{font-size:3rem;color:var(--success-color)}#downloadMessage{font-size:.9375rem;color:var(--text-primary);text-align:center}@media(max-width:768px){.hero h1{font-size:1.5rem}.hero .subtitle{font-size:1rem}.hero-content{gap:1rem}.auth-section{flex-direction:column;width:100%}.btn-auth{width:100%;text-align:center}.data-table{font-size:.875rem}.data-table th,.data-table td{padding:.5rem}.btn-download{padding:.25rem .5rem;font-size:.75rem}.modal{width:calc(100% - 2rem);max-width:none;margin:1rem}}