:root{--bg-color: #121212;--text-main: #f6f6f6;--text-sub: #a4a4a6;--border-color: #353535;--card-hover: #161616;--btn-bg: #232323;--font-family: "Inter", sans-serif;--bg-icon-company: #222}body.light-mode{--bg-color: #ffffff;--text-main: #121212;--text-sub: #666666;--border-color: #e5e5e5;--card-hover: #f9f9f9;--btn-bg: #f0f0f0;--bg-icon-company: #cbcbcb}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-main);font-family:var(--font-family);line-height:1.5;-webkit-font-smoothing:antialiased}.container{max-width:1100px;margin:0 auto;padding:0 24px}.section{padding:60px 0}.section-description{padding:20px 0}.divider{height:1px;background-color:var(--border-color);width:100%}.header{padding:60px 0 40px}.header-layout{display:flex;justify-content:space-between;align-items:flex-start}.header-left{display:flex;gap:24px;align-items:center}.avatar{width:68px;height:68px;border-radius:50%;overflow:hidden;background-color:var(--card-hover)}.avatar img{width:100%;height:100%;object-fit:cover}.header-info h1{font-size:24px;font-weight:600;margin-bottom:4px}.header-info p{color:var(--text-sub);font-size:16px}.theme-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:10px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s}.theme-btn:hover{background-color:var(--btn-bg)}.text-center{text-align:center}.intro .large-text{font-size:18px;color:var(--text-sub);text-indent:40px;margin-bottom:32px}.btn-group{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;background-color:transparent;border:1px solid var(--border-color);border-radius:100px;color:var(--text-main);text-decoration:none;font-weight:500;font-size:14px;transition:.2s;cursor:pointer}.btn:hover{background-color:var(--text-main);color:var(--bg-color)}.btn-secondary:hover{background-color:#0077b5;border-color:#0077b5;color:#fff}.section-header{margin-bottom:40px}.section-header h2{font-size:18px;font-weight:600;margin-bottom:8px}.section-header span{color:var(--text-sub);font-size:14px}.grid-projects{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.project-card{cursor:pointer}.card-image{position:relative;aspect-ratio:1/1;overflow:hidden;border-radius:12px;background:var(--card-hover);margin-bottom:16px}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.card-image:hover img{transform:scale(1.05)}.date-badge{position:absolute;top:16px;left:16px;background:#0009;color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.project-card h3{font-size:16px;margin-bottom:4px}.project-card p{font-size:14px;color:var(--text-sub)}.grid-experience{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.exp-item{padding-right:20px;border-right:1px solid transparent}.exp-year{display:block;font-size:12px;color:var(--text-sub);text-transform:uppercase;margin-bottom:16px;letter-spacing:.5px}.exp-details{display:flex;gap:12px}.exp-logo{width:40px;height:40px;border-radius:8px;background:var(--bg-icon-company);padding:4px}.exp-logo img{width:100%;height:100%;object-fit:contain;border-radius:4px}.exp-details h4{font-size:14px;font-weight:600}.exp-details p{font-size:14px;color:var(--text-sub)}.grid-tools{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.tool-item{display:flex;align-items:center;gap:16px}.tool-item img{width:40px;height:40px;border-radius:8px}.tool-item h4{font-size:14px;font-weight:600}.tool-item p{font-size:13px;color:var(--text-sub)}.footer{padding:40px 0;font-size:14px;color:var(--text-sub)}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:start}.footer a{color:inherit;text-decoration:none;transition:.2s}.footer a:hover{color:var(--text-main)}.footer-links{display:flex;flex-direction:column;gap:8px}@media(max-width:768px){.grid-experience,.grid-tools,.footer-grid{grid-template-columns:1fr;gap:32px}.header-layout{flex-direction:column;gap:20px}.theme-btn{position:absolute;top:24px;right:24px}}#greeting-banner{position:fixed;top:0;left:0;width:100%;background-color:#000;color:#fff;display:flex;justify-content:center;align-items:center;gap:8px;padding:8px 0;z-index:9999;font-size:14px;font-weight:500;font-family:var(--font-family),sans-serif;box-shadow:0 2px 10px #0000004d}.flag{vertical-align:middle;margin-left:6px;border-radius:2px}
