:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--bg-primary: #0f0f13;--bg-secondary: #1a1a20;--bg-card: #252530;--text-primary: #f0f0f5;--text-secondary: #a0a0b0;--accent-primary: #8b5cf6;--accent-hover: #7c3aed;--accent-glow: rgba(139, 92, 246, .4);--border-color: #3f3f4a;--max-width: 1280px;--nav-height: 4rem;color-scheme:dark;color:var(--text-primary);background-color:var(--bg-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh}a{text-decoration:none;color:inherit;transition:color .2s ease}a:hover{color:var(--accent-primary)}img{max-width:100%;display:block}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:var(--max-width);margin:0 auto;padding:0 2rem}.grid{display:grid;gap:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-weight:500;border-radius:8px;transition:all .2s ease;background-color:var(--accent-primary);color:#fff}.btn:hover{background-color:var(--accent-hover);box-shadow:0 0 15px var(--accent-glow)}.btn-outline{background-color:transparent;border:1px solid var(--accent-primary);color:var(--accent-primary)}.btn-outline:hover{background-color:#8b5cf61a;color:var(--text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-bottom:1rem}h1{font-size:3.5rem;font-weight:700;background:linear-gradient(to right,#fff,var(--accent-primary));-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2.5rem}h3{font-size:1.75rem}p{margin-bottom:1rem;color:var(--text-secondary)}.project-description{color:var(--text-secondary);font-size:1.1rem;line-height:1.8}.project-description h1,.project-description h2,.project-description h3{color:var(--text-primary);margin-top:2.5rem;margin-bottom:1rem}.project-description h2{font-size:2rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.project-description h3{font-size:1.5rem}.project-description p{margin-bottom:1.5rem}.project-description ul,.project-description ol{margin-bottom:1.5rem;padding-left:1.5rem}.project-description li{margin-bottom:.5rem}.project-description strong{color:var(--text-primary);font-weight:600}.project-description code{background-color:#ffffff1a;padding:.2rem .4rem;border-radius:4px;font-family:monospace;font-size:.9em;color:var(--accent-primary)}.project-description pre{background-color:var(--bg-card);padding:1.5rem;border-radius:8px;overflow-x:auto;margin-bottom:2rem;border:1px solid var(--border-color)}.project-description pre code{background-color:transparent;padding:0;color:inherit}.project-description blockquote{border-left:4px solid var(--accent-primary);padding-left:1rem;margin-left:0;margin-bottom:1.5rem;font-style:italic;color:var(--text-secondary);background-color:#8b5cf60d;padding:1rem;border-radius:0 8px 8px 0}.form-input{width:100%;padding:.75rem 1rem;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-family:inherit;font-size:1rem;transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-glow)}.form-input::placeholder{color:#666}