:root{--font-sans: system-ui, Avenir, Helvetica, Arial, sans-serif;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--radius: 12px;--bg: #0f1724;--surface: #121826;--card: #0f1728;--muted: #9aa4b2;--text: #e6eef6;--accent: #6c8cff;--accent-2: #7de3c5;--glass: rgba(255,255,255,.04);font-family:var(--font-sans);line-height:1.55;font-weight:400;color-scheme:dark;color:var(--text);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:600;color:var(--accent);text-decoration:none}a:hover{color:#5570ff}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,#0c121c99,#0a0e14)}h1{font-size:2.4rem;line-height:1.05}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-scheme:light;--bg: #f7fafc;--surface: #ffffff;--card: #ffffff;--muted: #55636a;--text: #0b1320;--accent: #556bff}a:hover{color:#556bff}button{background-color:#fff}}.container{width:100%;max-width:1100px;margin:0 auto;padding:1.5rem}.page{padding-top:2rem;padding-bottom:2.5rem}.site-header{background:#cfe8ff;border-bottom:1px solid rgba(0,0,0,.06);position:fixed;top:0;left:0;right:0;z-index:1030}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{font-weight:700;color:#072d4b;font-size:1.1rem;text-decoration:none}.nav{display:flex;gap:.5rem;align-items:center}.nav-link{color:#072d4b;padding:.45rem .6rem;border-radius:8px;text-decoration:none;font-weight:600}.nav-link:hover{color:#001725;background:#fff9}.nav-link.active{background:#dff8e6;color:#064a2b;border-radius:10px;box-shadow:0 3px 10px #04562b0f}.nav-link{transition:background-color .16s ease,color .16s ease}.hero{padding:3rem 0;display:flex;align-items:center;justify-content:center}.hero-body{text-align:center;max-width:760px}.hero-title{font-size:2.4rem;margin:0 0 .5rem}.hero-sub{color:var(--muted);margin:0 0 1.25rem}.hero-cta .btn{margin-right:.6rem}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:1rem}.project-card{background:linear-gradient(180deg,#ffffff05,#ffffff03);border-radius:var(--radius);padding:1rem;box-shadow:0 6px 18px #02061799;display:flex;flex-direction:column;overflow:hidden}.project-image{width:100%;height:160px;object-fit:cover;border-radius:8px;margin-bottom:.75rem}.project-title{margin:0 0 .25rem;font-size:1.1rem}.project-desc{color:var(--muted);font-size:.95rem;margin:0 0 .75rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:.75rem}.tag{background:#e7f2ff;color:#083a56;padding:.28rem .6rem;border-radius:6px;font-size:.78rem;border:1px solid rgba(8,58,86,.06)}.project-actions{margin-top:auto;display:flex;gap:.5rem}.btn{display:inline-block;padding:.6rem .9rem;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;font-weight:600}.btn.ghost{background:transparent;border:1px solid rgba(0,0,0,.06);color:#072d4b}.muted{color:var(--muted)}.page{background:#fff;color:#072d4b;border-radius:12px;padding:1.25rem;box-shadow:0 8px 30px #0206170f}.content p,.content ul{color:#234}.site-footer{background:#cfe8ff;border-top:1px solid rgba(0,0,0,.05)}.site-footer.fixed-bottom{z-index:1030;position:fixed;bottom:0;left:0;right:0;height:48px}.site-footer .footer-text{color:#072d4b;text-align:center;margin:0;line-height:48px;font-size:.95rem}body{padding-top:72px;padding-bottom:48px}@media(max-width:900px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.projects-grid{grid-template-columns:1fr}.header-inner{flex-direction:column;align-items:flex-start}.hero-title{font-size:1.8rem}}