*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#ececec;--bg-surface:#fff;--bg-subtle:#e1e1e1;--text-main:#2f2f2f;--text-muted:#585858;--text-soft:#777;--brand-dark:#2b2b2b;--brand-accent:#b3202d;--brand-accent-strong:#8f1b25;--border-soft:#cfcfcf;--warning-bg:#f5ecec;--warning-border:#dbb;--warning-text:#6f2f2f}body{color:var(--text-main);background-color:var(--bg-main);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.navbar{background-color:var(--brand-dark);align-items:center;gap:30px;padding:15px 20px;display:flex;box-shadow:0 2px 4px #0000001a}.navbar a{color:#fff;text-decoration:none;transition:color .3s}.navbar a:hover{color:#f2b3ba}.navbar-brand{margin-right:20px;font-size:1.4em;font-weight:600}.navbar-item{font-size:1em}.body-content{background-color:var(--bg-surface);max-width:1000px;min-height:calc(100vh - 60px);margin:0 auto;padding:40px 20px}h1{color:var(--brand-dark);margin-bottom:20px;font-size:2.5em}h2{color:var(--brand-dark);border-bottom:2px solid var(--brand-accent);margin-top:30px;margin-bottom:15px;padding-bottom:10px;font-size:1.8em}h3{color:#3e3e3e;margin-top:15px;margin-bottom:10px;font-size:1.3em}p{margin-bottom:15px}.hero{text-align:center;margin-bottom:50px;padding:40px 0}.hero h1{margin-bottom:10px;font-size:3em}.tagline{color:var(--brand-accent);margin-bottom:20px;font-size:1.3em;font-weight:500}.intro{color:var(--text-muted);max-width:700px;margin:0 auto 30px;font-size:1.1em;line-height:1.8}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:15px;display:flex}.btn{border:2px solid #0000;border-radius:5px;padding:12px 30px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-block}.btn-primary{background-color:var(--brand-accent);color:#fff}.btn-primary:hover{background-color:var(--brand-accent-strong);transform:translateY(-2px)}.btn-secondary{color:var(--brand-accent);border-color:var(--brand-accent);background-color:#0000}.btn-secondary:hover{background-color:var(--brand-accent);color:#fff}.highlights{background-color:var(--bg-subtle);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:50px;padding:30px;display:grid}.highlight-item{text-align:center}.highlight-item h3{color:var(--brand-accent);margin-bottom:10px;font-size:1.8em}.highlight-item p{color:var(--text-muted);margin-bottom:0}.projects-intro{color:var(--text-muted);text-align:center;max-width:700px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:1.1em}.project-filter{background-color:#f5f5f5;border:1px solid #d9d9d9;border-radius:8px;margin-bottom:25px;padding:20px}.project-filter h2{color:var(--brand-dark);border:none;margin-top:0;margin-bottom:14px;padding:0;font-size:1.2em}.project-filter-options{flex-wrap:wrap;gap:10px 14px;display:flex}.project-filter-option{border:1px solid var(--border-soft);color:#444;background-color:#fff;border-radius:999px;align-items:center;gap:8px;padding:7px 10px;font-size:.95em;display:inline-flex}.project-filter-option input{margin:0}.project-filter-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.projects-empty{background-color:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning-text);border-radius:6px;margin-top:30px;padding:16px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-top:40px;display:grid}.project-card{border-left:4px solid var(--brand-accent);background-color:#f7f7f7;border-radius:5px;padding:25px;transition:all .3s;box-shadow:0 2px 8px #0000001a}.project-card:hover{transform:translateY(-5px);box-shadow:0 4px 12px #00000026}.project-header{margin-bottom:15px}.project-header h2{color:var(--brand-dark);border:none;margin:0 0 8px;padding:0;font-size:1.5em}.project-period{color:var(--text-soft);font-size:.9em;font-style:italic}.project-tech{color:var(--text-muted);border-bottom:1px solid #ddd;margin-bottom:20px;padding-bottom:15px}.project-description h3{color:#3f3f3f;margin-top:15px;margin-bottom:8px;font-size:1.1em}.project-description ul{margin-bottom:15px;margin-left:20px}.project-description li{color:var(--text-muted);margin-bottom:8px}.about-section{margin-bottom:40px}.about-section h2{margin-top:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin-top:20px;display:grid}.skill-category{background-color:#f6f6f6;border-radius:5px;padding:20px;box-shadow:0 2px 4px #0000000d}.skill-category h3{color:var(--brand-accent);margin-top:0;font-size:1.1em}.skill-category ul{list-style:none}.skill-category li{color:var(--text-muted);padding:5px 0 5px 20px;position:relative}.skill-category li:before{content:"→";color:var(--brand-accent);position:absolute;left:0}.social-section{text-align:center;background-color:var(--bg-subtle);border-radius:8px;margin-top:50px;padding:30px}.social-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.social-link{background-color:var(--brand-accent);color:#fff;border-radius:5px;padding:10px 20px;text-decoration:none;transition:all .3s;display:inline-block}.social-link:hover{background-color:var(--brand-accent-strong);transform:translateY(-2px)}@media (width<=768px){.navbar{flex-direction:column;align-items:flex-start;gap:10px}.body-content{padding:20px}h1,.hero h1{font-size:2em}.projects-grid{grid-template-columns:1fr}.project-filter{padding:16px}.project-filter-option{border-radius:6px;width:100%}.project-filter-actions{flex-direction:column}.skills-grid{grid-template-columns:1fr}.cta-buttons{flex-direction:column}.btn{text-align:center;width:100%}}hr{border:none;border-top:1px solid var(--border-soft);margin-top:40px}