:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--bg-primary: white;--bg-secondary: white;--bg-gradient: white;--text-primary: #212529;--text-secondary: #6c757d;--text-white: white;--text-black: #212529;--border-color: #ddd;--border-light: #e9ecef;--card-shadow: 0 4px 6px rgba(0, 0, 0, .07);--card-border: 1px solid #e9ecef;--input-bg: white;--input-border: #ddd;--input-focus-border: #007bff;--input-focus-shadow: rgba(0, 123, 255, .1);--button-bg: #6c757d;--button-hover-bg: #5a6268;--button-shadow: 0 4px 8px rgba(0, 0, 0, .15);--blue: #007bff;--blue-dark: #0056b3;--green: #28a745;--green-dark: #1e7e34;--red: #dc3545;--yellow-bg: #fff3cd;--yellow-text: #856404;--success-bg: #d4edda;--success-text: #155724;--info-bg: #d1ecf1;--info-text: #0c5460;--warning-bg: #fff3cd;--warning-text: #856404}[data-theme=dark]{--bg-primary: #1a1a1a;--bg-secondary: #2d3748;--bg-gradient: linear-gradient(135deg, #2d3748 0%, #1a202c 100%);--text-primary: #e9ecef;--text-secondary: #adb5bd;--text-white: white;--text-black: #e9ecef;--border-color: #4a5568;--border-light: #495057;--card-shadow: 0 4px 6px rgba(0, 0, 0, .3);--card-border: 1px solid #4a5568;--input-bg: #2d3748;--input-border: #4a5568;--input-focus-border: #63b3ed;--input-focus-shadow: rgba(99, 179, 237, .1);--button-bg: #4a5568;--button-hover-bg: #718096;--button-shadow: 0 4px 8px rgba(0, 0, 0, .4);--blue: #63b3ed;--blue-dark: #4299e1;--green: #48bb78;--green-dark: #38a169;--red: #f56565;--yellow-bg: #4a5568;--yellow-text: #fbbf24;--success-bg: #2d3748;--success-text: #48bb78;--info-bg: #2d3748;--info-text: #63b3ed;--warning-bg: #4a5568;--warning-text: #fbbf24}*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;transition:background-color .3s ease,color .3s ease}.page{min-height:100vh;background:var(--bg-gradient);padding:20px;transition:background .3s ease}.page-inner{max-width:1200px;margin:0 auto}.card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--card-shadow);border:var(--card-border);color:var(--text-primary);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease,border .3s ease}.font-display{font-family:Plus Jakarta Sans,system-ui,sans-serif;font-weight:700}button{font-family:inherit;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease;background:var(--button-bg);color:var(--text-white)}button:hover{transform:translateY(-1px);box-shadow:var(--button-shadow);background:var(--button-hover-bg)}button:active{transform:translateY(0)}input,select,textarea{font-family:inherit;border:1px solid var(--input-border);border-radius:6px;padding:8px 12px;font-size:16px;transition:border-color .2s ease;background:var(--input-bg);color:var(--text-primary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-shadow)}.text-center{text-align:center}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mb-5{margin-bottom:3rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mt-5{margin-top:3rem}@media(max-width:768px){.page{padding:10px}.page-inner{padding:0 10px}.card{border-radius:8px}}