*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f172a;--color-surface: #1e293b;--color-primary: #6366f1;--color-primary-hover: #818cf8;--color-text: #e2e8f0;--color-text-muted: #94a3b8;--color-border: #334155}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--color-bg);color:var(--color-text);line-height:1.6}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}.navbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background-color:var(--color-surface);position:sticky;top:0;z-index:100;border-bottom:1px solid var(--color-border)}.nav-brand{font-size:1.5rem;font-weight:700;color:var(--color-primary);text-decoration:none}.nav-brand:hover{color:var(--color-primary-hover)}.nav-toggle{display:none;background:none;border:none;color:var(--color-text);font-size:1.5rem;cursor:pointer}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--color-text-muted);font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--color-primary)}@media(max-width:640px){.nav-toggle{display:block}.nav-links{display:none;flex-direction:column;position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);padding:1rem 2rem;gap:1rem;border-bottom:1px solid var(--color-border)}.nav-links.open{display:flex}}.hero{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 2rem;min-height:60vh}.hero h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:1.25rem;color:var(--color-text-muted);max-width:500px;margin-bottom:2rem}.btn{display:inline-block;padding:.75rem 2rem;background-color:var(--color-primary);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.btn:hover{background-color:var(--color-primary-hover);color:#fff}.about,.projects,.contact{max-width:900px;margin:0 auto;padding:4rem 2rem}.about h2,.projects h2,.contact h2{font-size:2rem;margin-bottom:1.5rem;text-align:center}.about p{color:var(--color-text-muted);text-align:center;max-width:650px;margin:0 auto;font-size:1.1rem}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.project-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:transform .2s,border-color .2s}.project-card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.project-card h3{font-size:1.25rem;margin-bottom:.5rem}.project-card p{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background-color:#6366f126;color:var(--color-primary-hover);padding:.25rem .75rem;border-radius:999px;font-size:.8rem;font-weight:500}.contact-form{display:flex;flex-direction:column;gap:1rem;max-width:500px;margin:0 auto}.contact-form input,.contact-form textarea{padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:8px;background-color:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:1rem;transition:border-color .2s}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:var(--color-primary)}.success-msg{text-align:center;color:#34d399;font-size:1.1rem}.project-card-link{display:block;color:inherit;text-decoration:none}.finance-data{max-width:900px;margin:0 auto;padding:4rem 2rem}.finance-data h1{font-size:2.5rem;font-weight:800;margin-bottom:1rem;background:linear-gradient(135deg,var(--color-primary),#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.finance-data-intro{color:var(--color-text-muted);font-size:1.1rem;margin-bottom:2.5rem;max-width:650px}.back-link{display:inline-block;color:var(--color-primary);text-decoration:none;font-weight:500;margin-bottom:2rem;transition:color .2s}.back-link:hover{color:var(--color-primary-hover)}.data-elements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.data-element-card{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem;transition:transform .2s,border-color .2s}.data-element-card:hover{transform:translateY(-4px);border-color:var(--color-primary)}.data-element-card h3{font-size:1.25rem;margin-bottom:.5rem}.data-element-card p{color:var(--color-text-muted);font-size:.95rem;margin-bottom:1rem}.footer{text-align:center;padding:2rem;color:var(--color-text-muted);border-top:1px solid var(--color-border);margin-top:2rem}