:root{--color-primary: #171717;--color-primary-hover: #000000;--color-primary-light: #f5f5f5;--color-accent: #a3a3a3;--color-text: #171717;--color-text-secondary: #525252;--color-text-muted: #a3a3a3;--color-bg: #ffffff;--color-bg-secondary: #fafafa;--color-bg-card: #ffffff;--color-border: #e5e5e5;--color-shadow: rgba(0, 0, 0, .04);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: .5s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 1px 2px 0 var(--color-shadow);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .08);--shadow-lg: 0 12px 24px -4px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}ul,ol{list-style:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideRight{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;font-size:.8rem;font-weight:500;border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;color:var(--color-text);border:1.5px solid var(--color-border)}.btn-outline:hover{border-color:var(--color-primary);background:var(--color-primary-light)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1rem;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.section-title{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:.75rem}.portfolio{height:100vh;display:grid;grid-template-columns:360px 1fr;background:var(--color-bg);overflow:hidden;animation:fadeIn .6s ease}.hero-section{background:var(--color-bg);padding:2rem;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border-right:1px solid var(--color-border);animation:slideRight .5s var(--transition-base)}.hero-content{max-width:300px;display:flex;flex-direction:column;align-items:center}.profile-picture{width:140px;height:140px;margin-bottom:1.5rem;position:relative}.profile-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:3px solid var(--color-border);transition:all var(--transition-base);box-shadow:0 8px 24px #00000014}.profile-picture:hover .profile-img{border-color:var(--color-text);transform:scale(1.03);box-shadow:0 12px 32px #0000001f}.hero-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem .85rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:.72rem;color:var(--color-text-secondary);margin-bottom:1rem;transition:all var(--transition-base)}.hero-badge:hover{border-color:var(--color-accent)}.status-dot{width:6px;height:6px;background:var(--color-primary);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.hero-name{font-size:1.5rem;font-weight:700;line-height:1.2;margin-bottom:.35rem;color:var(--color-text);letter-spacing:-.02em}.hero-role{font-size:.85rem;font-weight:500;color:var(--color-text-secondary);margin-bottom:.85rem}.hero-bio{font-size:.8rem;color:var(--color-text-muted);line-height:1.55;margin-bottom:1.5rem}.hero-cta{display:flex;gap:.75rem;margin-bottom:1.25rem}.hero-info{display:flex;flex-direction:column;gap:.25rem;font-size:.72rem;color:var(--color-text-muted);margin-bottom:1.25rem}.social-links{display:flex;gap:.65rem}.social-links a{width:38px;height:38px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border);transition:all var(--transition-base)}.social-links a:hover{color:var(--color-text);border-color:var(--color-text);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.content-section{padding:1.5rem 2rem;display:flex;flex-direction:column;gap:1.25rem;overflow:hidden;animation:slideUp .5s var(--transition-base) .1s backwards}.skills-row{flex-shrink:0}.skills-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.skill-group{background:var(--color-bg-secondary);padding:.875rem;border-radius:var(--radius-lg);border:1px solid transparent;transition:all var(--transition-base)}.skill-group:hover{border-color:var(--color-border);transform:translateY(-1px)}.skill-category{font-size:.7rem;font-weight:600;color:var(--color-text);margin-bottom:.5rem;letter-spacing:-.01em}.skill-tags{display:flex;flex-wrap:wrap;gap:.35rem}.skill-tag{padding:.22rem .5rem;background:var(--color-bg);color:var(--color-text-secondary);font-size:.68rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.skill-tag:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.projects-row{flex:1;min-height:0;display:flex;flex-direction:column}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem;flex:1}.project-card{display:flex;flex-direction:column;padding:0;overflow:hidden}.project-image{width:100%;height:100px;overflow:hidden;border-bottom:1px solid var(--color-border)}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-base)}.project-card:hover .project-image img{transform:scale(1.05)}.project-image-placeholder{display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);color:var(--color-text-muted)}.project-content{padding:.875rem;display:flex;flex-direction:column;flex:1}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.project-title{font-size:.95rem;font-weight:600;color:var(--color-text);line-height:1.2;letter-spacing:-.01em}.project-status{font-size:.6rem;color:var(--color-text-muted);font-weight:500;margin-top:.15rem}.project-links{display:flex;gap:.5rem}.project-links a{color:var(--color-text-muted);transition:all var(--transition-fast);padding:.25rem}.project-links a:hover{color:var(--color-text);transform:scale(1.1)}.project-desc{font-size:.78rem;color:var(--color-text-secondary);line-height:1.5;margin-bottom:.75rem;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.35rem}.tech-badge{padding:.18rem .45rem;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:.62rem;font-weight:500;border-radius:var(--radius-sm);border:1px solid var(--color-border);transition:all var(--transition-fast)}.project-card:hover .tech-badge{background:var(--color-primary-light);border-color:var(--color-accent)}.bottom-row{display:grid;grid-template-columns:1fr 1.2fr;gap:1.5rem;flex-shrink:0}.education-col{min-width:0}.education-list{display:flex;flex-direction:column;gap:.65rem}.edu-item{background:var(--color-bg-secondary);padding:.75rem .875rem;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base)}.edu-item:hover{border-color:var(--color-border);transform:translate(2px)}.edu-degree{font-size:.82rem;font-weight:600;color:var(--color-text);margin-bottom:.15rem}.edu-school{font-size:.72rem;color:var(--color-text-secondary);margin-bottom:.1rem}.edu-details{font-size:.65rem;color:var(--color-text-muted)}.cert-col{min-width:0}.cert-list{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.cert-item{display:flex;align-items:flex-start;gap:.55rem;background:var(--color-bg-secondary);padding:.55rem .7rem;border-radius:var(--radius-md);border:1px solid transparent;transition:all var(--transition-base)}.cert-item:hover{border-color:var(--color-border);transform:translateY(-1px)}.cert-icon{font-size:.85rem;flex-shrink:0;opacity:.8}.cert-name{font-size:.7rem;font-weight:500;color:var(--color-text);line-height:1.35}.cert-date{font-size:.6rem;color:var(--color-text-muted);margin-top:.1rem}@media(max-width:1200px){.portfolio{grid-template-columns:300px 1fr}.profile-picture{width:120px;height:120px}.skills-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.cert-list{grid-template-columns:1fr}}@media(max-width:900px){.portfolio{grid-template-columns:1fr;grid-template-rows:auto 1fr;height:auto;min-height:100vh;overflow:auto}.hero-section{padding:2rem;border-right:none;border-bottom:1px solid var(--color-border)}.profile-picture{width:110px;height:110px}.content-section{padding:1.5rem;overflow:visible}.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid,.bottom-row{grid-template-columns:1fr}.cert-list{grid-template-columns:repeat(2,1fr)}}