:root{--bg:#fff;--text:#1a1a1a;--secondary:#666;--accent:#000;--border:#f0f0f0;--max-width:1100px;--spacing-sm:20px;--spacing-md:40px;--spacing-lg:80px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;line-height:1.6}a{color:inherit;text-decoration:none}ul{list-style:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.container{max-width:var(--max-width);padding:0 var(--spacing-sm);margin:0 auto}.border-b{border-bottom:1px solid var(--border)}.py-4{padding-top:1rem;padding-bottom:1rem}.gap-8{gap:2rem}.items-center{align-items:center}.logo-text{letter-spacing:-.025em;color:var(--accent);font-size:1.25rem;font-weight:800}.hover-text{color:var(--secondary);transition:color .2s}.hover-text:hover{color:var(--accent)}.btn-resume{background:var(--accent);color:#fff;border-radius:4px;padding:.5rem 1rem;transition:opacity .2s}.btn-resume:hover{opacity:.8}.hero-title{letter-spacing:-.02em;font-size:2.5rem;font-weight:700;line-height:1.2}.hero-subtitle{color:var(--secondary);max-width:700px;font-size:1.25rem}.project-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(350px,1fr));display:grid}.project-card{border:1px solid var(--border);padding:var(--spacing-md);border-radius:4px;flex-direction:column;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.project-card:hover{border-color:#d1d1d1;transform:translateY(-4px);box-shadow:0 12px 24px #00000008}.project-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--secondary);margin-bottom:.75rem;font-size:.75rem;font-weight:600}.project-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.project-overview{color:var(--secondary);font-size:.9375rem}@media (width<=640px){.hero-title{font-size:1.875rem}.project-grid{grid-template-columns:1fr}}.project-header{border-bottom:1px solid var(--border);padding-bottom:40px}.kpi-grid{flex-wrap:wrap;gap:40px;display:flex}.kpi-item b{color:var(--accent);font-size:1.5rem;font-weight:700;display:block}.kpi-item span{color:var(--secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem}.star-label{background:var(--accent);color:#fff;border-radius:2px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;font-weight:800;display:flex}.star-content{color:#333;max-width:680px;font-size:1.0625rem}.demo-container{border:1px solid var(--border);background:#f9f9f9;border-radius:8px;margin-top:2rem;overflow:hidden}.demo-placeholder{color:#999;background:#f9f9f9;border:1px dashed #ccc;border-radius:8px;justify-content:center;align-items:center;height:300px;font-size:.875rem;display:flex}.back-link{color:var(--secondary);align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.875rem;transition:color .2s;display:inline-flex}.back-link:hover{color:var(--accent)}.flex{display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.bg-gray-100{background-color:#f3f4f6}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-20{padding-top:5rem;padding-bottom:5rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.text-xl{font-size:1.25rem}.text-center{text-align:center}.text-secondary{color:var(--secondary)}.pl-8{padding-left:2rem}.space-y-8>*+*{margin-top:2rem}.border-t{border-top:1px solid var(--border)}.inline-block{display:inline-block}.mx-auto{margin-left:auto;margin-right:auto}.w-full{width:100%}.flex-1{flex:1}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.tracking-widest{letter-spacing:.1em}.mb-4{margin-bottom:1rem}.text-sm{font-size:.875rem}.font-medium{font-weight:500}