@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--color-primary:#0a192f;--color-secondary:coral;--color-accent:#00e5ff;--color-background:#f4f7f6;--color-surface:#fff;--color-text-main:#1d2b38;--color-text-muted:#64748b;--border-color:#cbd5e1;--border-radius:8px;--transition-speed:.3s}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--color-background);color:var(--color-text-main);font-family:Inter,sans-serif;line-height:1.6}a{color:var(--color-secondary);transition:color var(--transition-speed);text-decoration:none}a:hover{color:var(--color-accent)}button{cursor:pointer;font-family:Inter,sans-serif}.btn{background-color:var(--color-primary);color:#fff;border-radius:var(--border-radius);transition:background-color var(--transition-speed), transform .2s;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:500;display:inline-flex}.btn:hover{background-color:var(--color-secondary);transform:translateY(-1px)}.btn-accent{background-color:var(--color-accent);color:var(--color-primary)}.btn-accent:hover{background-color:var(--color-secondary);color:#fff}.card{background-color:var(--color-surface);border-radius:var(--border-radius);border:1px solid var(--border-color);transition:box-shadow var(--transition-speed);padding:1.5rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.input-field{border:1px solid var(--border-color);border-radius:var(--border-radius);background-color:var(--color-surface);width:100%;color:var(--color-text-main);transition:border-color var(--transition-speed), box-shadow var(--transition-speed);padding:.75rem 1rem;font-family:Inter,sans-serif;font-size:1rem}.input-field:focus{border-color:var(--color-secondary);outline:none;box-shadow:0 0 0 3px #ff7f5033}.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.markdown-body h1{color:var(--color-primary);margin:1.5rem 0 1rem;font-size:2rem}.markdown-body h2{color:var(--color-primary);margin:1.25rem 0 .75rem;font-size:1.5rem}.markdown-body h3{color:var(--color-primary);margin:1rem 0 .5rem;font-size:1.25rem}.markdown-body p{margin-bottom:1rem}.markdown-body ul,.markdown-body ol{margin-bottom:1rem;margin-left:1.5rem}.markdown-body strong{color:var(--color-primary);font-weight:600}.markdown-body code{background-color:#8080801a;border-radius:4px;padding:.2rem .4rem;font-family:monospace}.markdown-body pre{background-color:#8080801a;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-body table{border-collapse:collapse;width:100%;margin-bottom:1.5rem}.markdown-body th,.markdown-body td{border:1px solid var(--border-color);text-align:left;padding:.75rem}.markdown-body th{color:var(--color-primary);background-color:#8080800d;font-weight:600}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.5s ease-out forwards fadeIn}@media (prefers-color-scheme:dark){:root{--color-primary:#e6f1ff;--color-background:#0a192f;--color-surface:#112240;--color-text-main:#ccd6f6;--color-text-muted:#8892b0;--border-color:#233554}.btn{color:#0a192f}.btn:hover{color:#fff}.btn-accent{color:#0a192f}}