:root{--bg:#f5f0e8;--surface:#ffffff;--text:#1a1a1a;--text-dim:#555;--border:#000000;--accent-orange:#ff5c00;--accent-blue:#3d5af1;--accent-pink:#ff90e8;--accent-yellow:#e8ff00;--font-heading:"Outfit", sans-serif;--font-body:"IBM Plex Sans", sans-serif;--font-mono:"Space Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}.page.svelte-l2t2e9.svelte-l2t2e9{max-width:1100px;margin:0 auto;padding:0 24px}.hero.svelte-l2t2e9.svelte-l2t2e9{padding:80px 0 60px;border-bottom:3px solid var(--border)}.hero-label.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;color:var(--text-dim);margin-bottom:12px}.hero-name.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:clamp(48px,8vw,80px);font-weight:900;line-height:1;letter-spacing:-2px;margin-bottom:16px}.hero-tagline.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:clamp(20px,3vw,28px);font-weight:600;color:var(--accent-orange);margin-bottom:20px}.hero-sub.svelte-l2t2e9.svelte-l2t2e9{max-width:640px;font-size:17px;color:var(--text-dim);line-height:1.7;margin-bottom:32px}.hero-cta.svelte-l2t2e9.svelte-l2t2e9{display:flex;gap:12px;flex-wrap:wrap}.btn.svelte-l2t2e9.svelte-l2t2e9{display:inline-block;font-family:var(--font-heading);font-size:15px;font-weight:700;padding:14px 28px;border:3px solid var(--border);text-decoration:none;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn.svelte-l2t2e9.svelte-l2t2e9:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.btn.svelte-l2t2e9.svelte-l2t2e9:active{transform:translate(0);box-shadow:none}.btn-primary.svelte-l2t2e9.svelte-l2t2e9{background:var(--accent-orange);color:#fff}.btn-secondary.svelte-l2t2e9.svelte-l2t2e9{background:var(--surface);color:var(--text)}.section.svelte-l2t2e9.svelte-l2t2e9{padding:60px 0;border-bottom:3px solid var(--border)}.section-header.svelte-l2t2e9.svelte-l2t2e9{margin-bottom:40px}.section-label.svelte-l2t2e9.svelte-l2t2e9{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:3px;color:var(--accent-orange);background:var(--surface);border:2px solid var(--border);padding:4px 12px;margin-bottom:12px}.section-title.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:clamp(28px,4vw,40px);font-weight:900;letter-spacing:-1px}.project-grid.svelte-l2t2e9.svelte-l2t2e9{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.project-card.svelte-l2t2e9.svelte-l2t2e9{background:var(--surface);border:3px solid var(--border);padding:24px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}.project-card.svelte-l2t2e9.svelte-l2t2e9:hover{transform:translate(-2px,-2px);box-shadow:var(--card-shadow)}.project-category.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:2px;color:var(--card-accent)}.project-name.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:22px;font-weight:700}.project-name.svelte-l2t2e9 a.svelte-l2t2e9{color:var(--text);text-decoration:none}.project-name.svelte-l2t2e9 a.svelte-l2t2e9:hover{color:var(--card-accent)}.project-desc.svelte-l2t2e9.svelte-l2t2e9{font-size:14px;color:var(--text-dim);line-height:1.6;flex:1}.project-tech.svelte-l2t2e9.svelte-l2t2e9{display:flex;flex-wrap:wrap;gap:6px}.tech-tag.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-mono);font-size:11px;padding:3px 8px;border:2px solid var(--border);background:var(--bg)}.project-link.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:14px;font-weight:700;color:var(--card-accent);text-decoration:none}.project-link.svelte-l2t2e9.svelte-l2t2e9:hover{text-decoration:underline}.project-link.muted.svelte-l2t2e9.svelte-l2t2e9{color:var(--text-dim);font-style:italic;font-weight:400}.about-grid.svelte-l2t2e9.svelte-l2t2e9{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.about-card.svelte-l2t2e9.svelte-l2t2e9{background:var(--surface);border:3px solid var(--border);padding:24px;transition:transform .15s,box-shadow .15s}.about-card.svelte-l2t2e9.svelte-l2t2e9:hover{transform:translate(-2px,-2px);box-shadow:var(--card-shadow)}.about-card.svelte-l2t2e9 h3.svelte-l2t2e9{font-family:var(--font-heading);font-size:18px;font-weight:700;margin-bottom:10px}.about-card.svelte-l2t2e9 p.svelte-l2t2e9{font-size:14px;color:var(--text-dim);line-height:1.7}.history.svelte-l2t2e9.svelte-l2t2e9{display:flex;flex-direction:column;gap:0}.history-item.svelte-l2t2e9.svelte-l2t2e9{display:grid;grid-template-columns:200px 180px 1fr;gap:16px;padding:16px 0;border-bottom:1px solid #ccc;align-items:baseline}.history-role.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-weight:700;font-size:15px}.history-co.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-mono);font-size:13px;color:var(--accent-orange)}.history-detail.svelte-l2t2e9.svelte-l2t2e9{font-size:14px;color:var(--text-dim)}.link-grid.svelte-l2t2e9.svelte-l2t2e9{display:flex;flex-wrap:wrap;gap:12px}.link-card.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-heading);font-size:15px;font-weight:700;padding:14px 24px;background:var(--surface);border:3px solid var(--border);color:var(--text);text-decoration:none;transition:transform .15s,box-shadow .15s}.link-card.svelte-l2t2e9.svelte-l2t2e9:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--accent-blue);color:var(--accent-blue)}.contact-intro.svelte-l2t2e9.svelte-l2t2e9{font-size:17px;color:var(--text-dim);margin-bottom:32px;max-width:500px}.contact-form.svelte-l2t2e9.svelte-l2t2e9{max-width:600px;display:flex;flex-direction:column;gap:20px}.form-row.svelte-l2t2e9.svelte-l2t2e9{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field.svelte-l2t2e9.svelte-l2t2e9{display:flex;flex-direction:column;gap:6px}.form-field.svelte-l2t2e9 label.svelte-l2t2e9{font-family:var(--font-heading);font-size:13px;font-weight:700;letter-spacing:.5px}.form-field.svelte-l2t2e9 input.svelte-l2t2e9,.form-field.svelte-l2t2e9 textarea.svelte-l2t2e9{font-family:var(--font-body);font-size:15px;padding:12px 16px;background:var(--surface);color:var(--text);border:3px solid var(--border);outline:none;transition:box-shadow .15s}.form-field.svelte-l2t2e9 input.svelte-l2t2e9:focus,.form-field.svelte-l2t2e9 textarea.svelte-l2t2e9:focus{box-shadow:4px 4px 0 var(--accent-orange)}.form-field.svelte-l2t2e9 textarea.svelte-l2t2e9{resize:vertical;min-height:120px}.form-field.svelte-l2t2e9 input.svelte-l2t2e9::placeholder,.form-field.svelte-l2t2e9 textarea.svelte-l2t2e9::placeholder{color:#999}.btn-submit.svelte-l2t2e9.svelte-l2t2e9{align-self:flex-start}footer.svelte-l2t2e9.svelte-l2t2e9{padding:32px 0;text-align:center}.footer-text.svelte-l2t2e9.svelte-l2t2e9{font-family:var(--font-mono);font-size:12px;color:var(--text-dim)}@media (max-width: 768px){.hero.svelte-l2t2e9.svelte-l2t2e9{padding:48px 0 40px}.section.svelte-l2t2e9.svelte-l2t2e9{padding:40px 0}.project-grid.svelte-l2t2e9.svelte-l2t2e9,.about-grid.svelte-l2t2e9.svelte-l2t2e9{grid-template-columns:1fr}.history-item.svelte-l2t2e9.svelte-l2t2e9{grid-template-columns:1fr;gap:4px}.history-co.svelte-l2t2e9.svelte-l2t2e9{margin-bottom:4px}.form-row.svelte-l2t2e9.svelte-l2t2e9{grid-template-columns:1fr}}