@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";body{margin:0;background-color:#0f1117;color:#e8e8e8}*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0f1117;--bg-secondary: #16181f;--bg-card: #1a1d24;--bg-card-hover: #1f222a;--text-primary: #e8e8e8;--text-secondary: #9ca3af;--text-muted: #6b7280;--accent: #60a5fa;--accent-hover: #93c5fd;--border: #262930;--tab-active-bg: #262930}body{font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{min-height:100vh;border-top:none}.top-nav{display:flex;align-items:center;max-width:860px;margin:0 auto;padding:1.1rem 2rem;position:sticky;top:0;z-index:100}.nav-left{display:flex;gap:2rem}.nav-left a{color:var(--text-muted);text-decoration:none;font-size:.9rem;font-weight:500;transition:color .2s;letter-spacing:.01em}.nav-left a:hover{color:var(--text-secondary)}.nav-left a.active{color:var(--text-primary)}.main-content{max-width:860px;margin:0 auto;padding:3.5rem 2rem 5rem}.hero{margin-bottom:3rem}.hero-content{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem}.hero-text{flex:1;padding-top:.5rem}.hero-title{font-size:2.5rem;font-weight:800;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.03em;line-height:1.15}.hero-subtitle{font-size:1rem;margin-bottom:1rem;font-weight:500}.flag{font-size:.85em}.hero-description{font-size:.92rem;line-height:1.7;margin-bottom:.75rem;max-width:440px}.hero-extra{margin-bottom:1.5rem}.hero-extra p{font-size:.92rem;color:var(--text-muted);line-height:1.7}.hero-extra strong{color:var(--text-primary);font-weight:700}.hero-extra a{color:var(--accent);text-decoration:underline;text-decoration-color:#60a5fa4d;text-underline-offset:2px}.hero-extra a:hover{text-decoration-color:var(--accent)}.hero-cta{display:flex;align-items:center;gap:1.25rem;margin-top:1.5rem}.btn-resume{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1.25rem;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);text-decoration:none;font-size:.88rem;font-weight:600;transition:all .2s;font-family:inherit}.btn-resume:hover{background:var(--bg-card-hover);border-color:#363940;text-decoration:none}.social-icons{display:flex;gap:.85rem;align-items:center}.social-icons a{color:var(--text-muted);transition:color .2s;display:flex;align-items:center}.social-icons a:hover{color:var(--text-primary);text-decoration:none}.hero-image{flex-shrink:0}.image-frame{width:210px;height:260px;border-radius:10px;overflow:hidden;border:3px solid var(--border);transform:rotate(3deg);transition:transform .4s cubic-bezier(.25,.46,.45,.94);background:var(--bg-card);box-shadow:0 8px 32px #0000004d}.image-frame:hover{transform:rotate(0)}.image-frame img{width:100%;height:100%;object-fit:cover}.image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem}.image-placeholder span{font-size:2.5rem;margin-bottom:.5rem}.experience-section{margin-top:1rem}.tab-bar{display:flex;background:var(--bg-secondary);border-radius:10px;padding:4px;margin-bottom:1.25rem;border:1px solid var(--border)}.tab{flex:1;padding:.6rem 1.5rem;border:none;background:transparent;color:var(--text-muted);font-size:.9rem;font-weight:500;border-radius:7px;cursor:pointer;transition:all .2s;font-family:inherit;text-align:center}.tab.active{background:var(--tab-active-bg);color:var(--text-primary)}.tab:hover:not(.active){color:var(--text-secondary)}.experience-list{display:flex;flex-direction:column;gap:0}.experience-card{display:flex;gap:1rem;padding:1.25rem 1rem;border-radius:12px;transition:background .2s}.experience-card:hover{background:var(--bg-card)}.exp-logo{flex-shrink:0;width:48px;height:48px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center}.logo-emoji{font-size:1.3rem}.logo-img{width:32px;height:32px;object-fit:contain;border-radius:4px}.exp-content{flex:1;min-width:0}.exp-role-block.subsequent-role{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.exp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.4rem}.exp-company{font-size:1rem;font-weight:700;color:var(--text-primary);margin-bottom:.1rem}.exp-role{font-size:.85rem;color:var(--text-secondary)}.exp-date{font-size:.8rem;color:var(--text-muted);white-space:nowrap;margin-left:1rem;flex-shrink:0}.exp-details{list-style:disc;padding-left:1.1rem;margin-top:.5rem}.exp-details li{font-size:.87rem;color:var(--text-secondary);line-height:1.65;margin-bottom:.25rem}.intro{margin-bottom:2rem}.intro h1{font-size:1.8rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;letter-spacing:-.02em}.intro p{color:var(--text-secondary);font-size:.95rem}.single-column{margin-top:1rem}.post{margin-bottom:2rem}.post h2{font-size:1.15rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.post h3{font-size:1.05rem;font-weight:600;margin-bottom:.5rem}.post h3 a{color:var(--accent);text-decoration:none;transition:color .2s}.post h3 a:hover{color:var(--accent-hover);text-decoration:underline}.post p{color:var(--text-secondary);font-size:.92rem}.post time{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:.3rem}.projects-list{display:flex;flex-direction:column;gap:1.25rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;transition:all .2s}.project-card:hover{border-color:#363940;background:var(--bg-card-hover)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.project-header h2{font-size:1.05rem;font-weight:700;color:var(--text-primary)}.project-header time{font-size:.8rem;color:var(--text-muted)}.project-description{color:var(--text-secondary);font-size:.9rem;line-height:1.65;margin-bottom:1rem}.project-links{display:flex;gap:1.25rem}.project-links a{color:var(--accent);text-decoration:none;font-size:.85rem;font-weight:500;transition:color .2s}.project-links a:hover{color:var(--accent-hover)}.contact-content{display:flex;flex-direction:column;gap:1.5rem}.contact-methods{display:flex;flex-direction:column;gap:1rem}.contact-item{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:1.25rem;transition:border-color .2s}.contact-item:hover{border-color:#363940}.contact-item h3{font-size:.8rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:.4rem;font-weight:600}.contact-item a,.contact-item p{color:var(--text-secondary);text-decoration:none;font-size:.92rem;transition:color .2s}.contact-item a:hover{color:var(--accent)}.contact-content form{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.6rem;transition:border-color .2s ease,background .2s ease}.contact-content form:hover{border-color:#363940}.contact-content form h2{font-size:1.05rem;font-weight:700;margin-bottom:1.4rem;color:var(--text-primary)}.input-box{display:flex;flex-direction:column;margin-bottom:1.1rem}.input-box label{font-size:.78rem;font-weight:600;color:var(--text-muted);margin-bottom:.45rem;text-transform:uppercase;letter-spacing:.05em}.field{background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;padding:.65rem .8rem;font-size:.9rem;color:var(--text-primary);font-family:inherit;transition:border-color .2s ease,background .2s ease}.field::placeholder{color:var(--text-muted)}.field:focus{outline:none;border-color:var(--accent);background:#1c1f27}.mess{min-height:120px;resize:none}.contact-content form button{margin-top:.6rem;padding:.6rem 1.2rem;border-radius:8px;border:1px solid var(--border);background:var(--bg-secondary);color:var(--text-primary);font-size:.88rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.contact-content form button:hover{background:var(--accent);border-color:var(--accent);color:#0f1117}.blog-container{max-width:800px}.blog-header{margin-bottom:2.5rem}.blog-header h1{font-size:1.05rem;font-weight:400;color:var(--text-secondary)}.blog-header a{color:var(--accent);text-decoration:underline;text-decoration-color:#60a5fa4d;text-underline-offset:2px}.blog-header a:hover{text-decoration-color:var(--accent)}.blog-posts{display:flex;flex-direction:column;gap:.5rem}.blog-post{padding:1.25rem 0rem;border-radius:10px;transition:background .2s}.blog-post:hover{background:var(--bg-card)}.blog-date{display:block;font-size:.8rem;color:var(--text-muted);margin-bottom:.35rem}.blog-title{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;line-height:1.4}.blog-title a{color:var(--text-primary);text-decoration:none;transition:color .2s}.blog-title a:hover{color:var(--accent);text-decoration:none}.blog-description{font-size:.88rem;color:var(--text-secondary);line-height:1.6}html,body{scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.column h2{font-size:1.2rem;font-weight:600;margin-bottom:1.25rem;color:var(--text-primary)}.tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.tags span{background:var(--bg-card);border:1px solid var(--border);padding:.2rem .6rem;border-radius:6px;font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.top-nav{padding:1rem 1.25rem}.nav-left{gap:1.25rem}.hero-content{flex-direction:column-reverse;align-items:center;text-align:center}.hero-title{font-size:1.9rem}.hero-description{max-width:100%}.hero-cta{justify-content:center;flex-wrap:wrap}.image-frame{width:170px;height:210px}.main-content{padding:2rem 1.25rem 3rem}.two-columns{grid-template-columns:1fr;gap:2rem}.exp-header{flex-direction:column}.exp-date{margin-left:0;margin-top:.2rem}}