:root{--primary-color: #6c5ce7;--secondary-color: #a29bfe;--background-color: #0984e3;--glass-bg: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15);--text-color: #ffffff;--dark-text: #2d3436;--font-family: "Inter", sans-serif;--gradient: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);--modal-bg: #1a1a2e}[data-theme=light]{--primary-color: #000000;--secondary-color: #000000;--background-color: #ffffff;--glass-bg: #ffffff;--glass-border: #000000;--text-color: #000000;--dark-text: #000000;--gradient: #ffffff;--modal-bg: #ffffff}[data-theme=light] body{background:#fff}[data-theme=light] .glass-panel{box-shadow:none;border:2px solid #000000}[data-theme=light] .btn-primary{background:#000;color:#fff;border:2px solid #000000}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--gradient);background-attachment:fixed;color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit;transition:.3s}button{cursor:pointer;border:none;outline:none;font-family:inherit}.glass-panel{background:var(--glass-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 4px 30px #0000001a;padding:2rem;color:var(--text-color)}.btn-primary{background:#fff;color:var(--primary-color);padding:.8rem 1.5rem;border-radius:8px;font-weight:600;box-shadow:0 4px 6px #0000001a;transition:transform .2s,box-shadow .2s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 12px #0003}.input-field{width:100%;padding:.8rem;margin-bottom:1rem;border-radius:8px;border:1px solid var(--glass-border);background:var(--glass-bg);color:var(--text-color);font-size:1rem}.input-field::placeholder{color:var(--text-color);opacity:.6}.input-field:focus{background:var(--glass-bg);border-color:var(--primary-color);outline:none}h1,h2,h3{margin-bottom:1rem}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%}.markdown-content h3{color:#a29bfe;font-size:1.2rem;margin-top:1rem;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.3rem}.markdown-content p{line-height:1.6;opacity:.9;margin-bottom:1rem}.markdown-content ul{padding-left:1.5rem;margin-bottom:1rem}.markdown-content li{margin-bottom:.5rem;line-height:1.5}