*{margin:0;padding:0;box-sizing:border-box}:root{--axolotl-pink: #F4A6B8;--blush-mist: #FBE6EB;--warm-white: #FFF9FA;--soft-grey: #E6E6E6;--charcoal: #3A3A3A;--muted-grey: #6B6B6B;--gill-coral: #E97A93}html{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--warm-white);color:var(--charcoal);min-height:100vh;line-height:1.6}body{min-height:100vh}#app{max-width:720px;margin:0 auto;padding:4rem 1.5rem}.header{text-align:center;margin-bottom:4rem}.logo{display:inline-flex;align-items:center;gap:.75rem;margin-bottom:1rem}.logo-icon{width:56px;height:56px;border-radius:14px}.logo-text{font-size:2.5rem;font-weight:600;color:var(--charcoal);letter-spacing:-.02em}.tagline{color:var(--muted-grey);font-size:1.1rem;max-width:360px;margin:1rem auto 0;line-height:1.6}.section-title{font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--muted-grey);margin-bottom:1.25rem}.projects-grid{display:grid;gap:1rem}.project-card{background:var(--warm-white);border-radius:1rem;padding:1.5rem;text-decoration:none;color:inherit;display:block;transition:transform .2s ease,box-shadow .2s ease;border:1px solid var(--soft-grey)}.project-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f4a6b826;border-color:var(--axolotl-pink)}.project-card:focus{outline:2px solid var(--axolotl-pink);outline-offset:2px}.project-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.project-icon{width:44px;height:44px;border-radius:12px;background:var(--blush-mist);display:flex;align-items:center;justify-content:center;font-size:1.25rem;flex-shrink:0}.project-info{flex:1;min-width:0}.project-name{font-size:1.1rem;font-weight:600;color:var(--charcoal);margin-bottom:.125rem;display:flex;align-items:center;gap:.5rem}.external-badge{font-size:.65rem;font-weight:500;padding:.15rem .5rem;background:var(--blush-mist);border-radius:1rem;color:var(--muted-grey)}.project-tagline{color:var(--muted-grey);font-size:.9rem}.project-description{color:var(--muted-grey);font-size:.875rem;line-height:1.6;margin-bottom:1rem}.project-tags{display:flex;gap:.5rem;flex-wrap:wrap}.tag{font-size:.7rem;font-weight:500;padding:.25rem .6rem;background:var(--blush-mist);border-radius:1rem;color:var(--muted-grey)}.footer{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--soft-grey);text-align:center}.about{color:var(--muted-grey);font-size:.875rem;line-height:1.8;max-width:400px;margin:0 auto}@media(min-width:640px){.projects-grid{grid-template-columns:repeat(2,1fr)}.project-card.featured{grid-column:span 2}}@media(max-width:639px){.logo-icon{width:48px;height:48px;border-radius:12px}.logo-text{font-size:2rem}#app{padding:3rem 1.25rem}}