*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}:root{--bg-color: #f5f5f7;--bg-elevated: #ffffff;--text-color: #111827;--text-muted: #6b7280;--accent: #3b82f6;--border-color: #e5e7eb;--shadow-soft: 0 10px 30px rgba(15, 23, 42, .08)}:root[data-theme=dark]{--bg-color: #020617;--bg-elevated: #030712;--text-color: #e5e7eb;--text-muted: #9ca3af;--accent: #60a5fa;--border-color: #1f2937;--shadow-soft: 0 10px 35px rgba(0, 0, 0, .6)}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-color);color:var(--text-color)}.app{min-height:100vh}.navbar{position:sticky;top:0;z-index:50;background:#f5f5f7d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color)}:root[data-theme=dark] .navbar{background:#030712d9}.navbar-inner{max-width:1000px;margin:0 auto;padding:.75rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:1.1rem;border-radius:999px;padding:.35rem .75rem;border:1px solid var(--border-color)}.nav-links{display:flex;gap:1rem;font-size:.95rem}.nav-links a{text-decoration:none;color:var(--text-muted)}.nav-links a:hover{color:var(--text-color)}.theme-toggle{border:1px solid var(--border-color);border-radius:999px;padding:.25rem .6rem;background:var(--bg-elevated);cursor:pointer}main{max-width:1000px;margin:0 auto;padding:1.5rem}.section{padding:3.5rem 0}.section-title{font-size:1.6rem;margin-bottom:1.5rem}.hero-section{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1.6fr);gap:2.5rem;align-items:center;padding-top:3rem}.hero-greeting{font-size:.95rem;color:var(--text-muted)}.hero-name{font-size:2.5rem;margin:.25rem 0}.hero-role{font-size:1.3rem;color:var(--accent);margin:.25rem 0 .75rem}.hero-tagline{max-width:28rem;color:var(--text-muted)}.hero-actions{margin-top:1.5rem;display:flex;gap:.75rem;flex-wrap:wrap}.hero-visual{display:flex;justify-content:center}.hero-avatar-placeholder{width:220px;height:220px;border-radius:999px;border:2px dashed var(--border-color);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-avatar-placeholder img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.btn{border-radius:999px;padding:.55rem 1.15rem;border:1px solid transparent;font-size:.9rem;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.3rem}.btn.primary{background:var(--accent);color:#fff;box-shadow:var(--shadow-soft)}.btn.outline{border-color:var(--border-color);background:transparent}.btn.small{font-size:.85rem;padding:.35rem .8rem}.about-layout{display:grid;gap:1.5rem}.about-body{color:var(--text-muted);line-height:1.6}.about-details{list-style:none;padding:0;margin:0}.about-details li+li{margin-top:.35rem}.about-label{font-weight:600}.skills-grid{display:grid;gap:1.25rem}.skill-card{border-radius:.9rem;padding:1rem 1.1rem;background:var(--bg-elevated);border:1px solid var(--border-color)}.skill-card h3{margin-top:0;margin-bottom:.75rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.4rem}.tag{font-size:.8rem;padding:.2rem .6rem;border-radius:999px;border:1px solid var(--border-color)}.cards-grid{display:grid;gap:1.25rem}.card{background:var(--bg-elevated);border-radius:.9rem;border:1px solid var(--border-color);padding:1.1rem 1.15rem;box-shadow:var(--shadow-soft)}.card-title{margin-top:0;margin-bottom:.4rem}.card-body{color:var(--text-muted);margin-bottom:.75rem}.card-tech{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.75rem}.card-actions{display:flex;gap:.5rem}.card-date{margin-top:0;margin-bottom:.5rem}.card-clickable{text-decoration:none;color:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.card-clickable:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);background:#ffffff0a}.experience-layout{display:grid;gap:1.75rem}.subheading{font-size:1.1rem;margin-bottom:.75rem}.experience-list{list-style:none;padding:0;margin:0}.experience-item+.experience-item{margin-top:.9rem}.contact-text{color:var(--text-muted);max-width:26rem}.contact-email{margin:1rem 0}.socials{display:flex;gap:.8rem;margin-bottom:1.5rem;flex-wrap:wrap}.socials a{font-size:.9rem;color:var(--text-muted);text-decoration:none}.socials a:hover{color:var(--text-color)}.contact-form{border-radius:1rem;background:var(--bg-elevated);border:1px solid var(--border-color);padding:1.2rem 1.3rem;max-width:520px}.contact-form label{display:block;font-size:.85rem;margin-bottom:.5rem}.contact-form input,.contact-form textarea{width:100%;margin-top:.25rem;padding:.5rem .6rem;border-radius:.6rem;border:1px solid var(--border-color);background:transparent;color:var(--text-color);font-family:inherit;font-size:.9rem}.contact-form textarea{resize:vertical}.form-row{display:grid;gap:.75rem;margin-bottom:.75rem}.contact-form button{margin-top:.4rem}.footer{border-top:1px solid var(--border-color);padding:1.5rem;text-align:center;font-size:.85rem}.muted{color:var(--text-muted)}@media(min-width:700px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.about-layout{grid-template-columns:2fr 1.4fr}.experience-layout,.form-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:800px){.hero-section{grid-template-columns:minmax(0,1fr)}.nav-links{display:none}}