@import "https://fonts.googleapis.com/css2?family=Inter:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,600&display=swap";:root{--font-primary:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-color:#050505;--bg-darker:#000;--bg-card:#111;--text-main:#fff;--text-muted:#a0a0a0;--text-dark:#333;--border-color:#222;--border-light:#444}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-primary);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}a{color:inherit;text-decoration:none;transition:opacity .2s}a:hover{opacity:.7}ul{list-style:none}.container{max-width:1300px;margin:0 auto;padding:0 40px}.text-center{text-align:center}.mt-3{margin-top:16px}.mt-4{margin-top:32px}.mt-5{margin-top:64px}.mb-4{margin-bottom:32px}.mb-5{margin-bottom:64px}.bg-darker{background-color:var(--bg-darker)}.section-heading{margin-bottom:16px;font-size:2rem;font-weight:700}.section-heading-large{max-width:900px;margin:0 auto;font-size:2.5rem;font-weight:700;line-height:1.3}.hero-subtitle{color:#a3a3a3;margin-bottom:24px;font-size:1.5rem;font-weight:400}.hero-title{letter-spacing:-.02em;margin-bottom:16px;font-size:2.75rem;font-weight:700;line-height:1.3}.hero-italic{color:#ccc;margin-bottom:40px;font-size:1.125rem;font-style:italic}.hero-desc{color:#ccc;font-size:1.125rem;line-height:1.7}.hero-desc p{margin-bottom:24px}.hero-desc strong{color:#fff;font-weight:600}.grid-3{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.grid-1-2{grid-template-columns:1fr 2fr;gap:100px;display:grid}.section{padding:100px 0}.border-top{border-top:1px solid var(--border-color)}.hero-section{align-items:center;min-height:100vh;padding-top:150px;display:flex;position:relative;overflow:hidden}.hero-grid{grid-template-columns:45% 55%;align-items:center;gap:40px;width:100%;display:grid}.hero-text-column{z-index:10;max-width:580px}.hero-image-column{justify-content:flex-end;align-items:flex-end;display:flex;position:relative}.hero-portrait{object-fit:contain;transform-origin:100% 100%;width:110%;max-width:none;height:auto;display:block;transform:scale(1.15);-webkit-mask-image:linear-gradient(#000 85%,#0000 100%);mask-image:linear-gradient(#000 85%,#0000 100%)}.card-dark{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;flex-direction:column;height:100%;display:flex;overflow:hidden}.card-img{border-bottom:1px solid var(--border-color);width:100%;height:auto;display:block}.card-content{flex-direction:column;flex:1;padding:32px;display:flex}.card-content h3{margin-bottom:16px;font-size:1.5rem;font-weight:600}.card-content p{color:var(--text-muted);flex:1;margin-bottom:24px;font-size:1rem}.btn-pill{border:1px solid var(--border-light);color:var(--text-muted);border-radius:99px;align-self:flex-start;padding:8px 24px;font-size:.875rem;transition:all .2s}.btn-pill:hover{color:#fff;border-color:#fff}.styled-list{margin-left:0;list-style:none}.styled-list li{color:var(--text-muted);margin-bottom:12px;padding-left:20px;position:relative}.styled-list li:before{content:"•";color:#fff;position:absolute;left:0}.styled-list li strong{color:#fff;font-weight:600}.prose h2{margin-bottom:24px;font-size:2rem;font-weight:700;line-height:1.4}.prose p{color:var(--text-muted);margin-bottom:24px;font-size:1.125rem;line-height:1.8}.prose strong{color:#fff}.full-img{width:100%;height:auto;display:block}.rounded{border:1px solid var(--border-light);border-radius:16px}.timeline-section{background-image:url(/media/huynh-hieu-travel.jpeg);background-position:top;background-size:cover;background-attachment:fixed;position:relative}.timeline-section:before{content:"";background:#000000d9;width:100%;height:100%;position:absolute;top:0;left:0}.timeline-section .container{z-index:2;position:relative}.timeline-scroller{scrollbar-width:thin;scrollbar-color:#555 transparent;width:100%;padding:40px 0 20px;overflow:auto hidden}.timeline-scroller::-webkit-scrollbar{height:8px}.timeline-scroller::-webkit-scrollbar-thumb{background:#555;border-radius:4px}.timeline-scroller-wrapper{position:relative}.slider-btn{z-index:10;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;transition:all .2s;display:flex;position:absolute;top:40%;transform:translateY(-50%)}.slider-btn:hover{background:#fff3}.slider-btn-left{left:-30px}.slider-btn-right{right:-30px}.timeline-inner{flex-direction:column;width:max-content;padding:0 40px;display:flex}.timeline-cards{gap:24px;margin-bottom:60px;display:flex}.timeline-card{border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#111c;border-radius:8px;flex-shrink:0;width:380px;padding:32px}.offset-up{transform:translateY(-40px)}.timeline-card h4{margin-bottom:4px;font-size:1.25rem;font-weight:700}.timeline-card h5{color:var(--text-muted);margin-bottom:4px;font-size:1rem;font-weight:500}.timeline-card .location{color:#888;margin-bottom:16px;font-size:.875rem;font-style:italic;display:block}.timeline-card ul{color:#ccc;padding-left:16px;font-size:.9rem}.timeline-card li{margin-bottom:8px;list-style-type:disc}.timeline-axis{width:100%;padding-top:10px;position:relative}.axis-line{background:var(--border-light);height:2px;position:absolute;top:16px;left:190px;right:190px}.axis-points{z-index:2;gap:24px;width:100%;display:flex;position:relative}.point{flex-shrink:0;justify-content:center;align-items:flex-start;width:380px;display:flex}.dot-wrapper{flex-direction:column;align-items:center;gap:12px;display:flex}.dot{background:#fff;border-radius:50%;width:14px;height:14px;box-shadow:0 0 0 4px #000}.year{font-size:1.125rem;font-weight:700}.work-style-grid{row-gap:64px}.ws-item h4{margin-bottom:16px;font-size:1.25rem;font-weight:700}.ws-item p{color:var(--text-muted);font-size:1.05rem}.ws-item strong{color:#fff}.stats-numbers-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:60px;display:grid}.stat-num-box{text-align:center;border-radius:24px;flex-direction:column;justify-content:center;align-items:center;padding:40px 20px;display:flex}.stat-num-box h3{margin-bottom:12px;font-size:3.5rem;font-weight:800;line-height:1}.stat-num-box p{color:#ccc;margin:0;font-size:1.125rem}.highlight-box{color:#111;background-color:#f1f3f5}.highlight-box h3{color:#111}.highlight-box p{color:#555;font-weight:500}.stats-white-grid{grid-template-columns:repeat(3,1fr);gap:40px;display:grid}.stat-img-card{border-radius:8px;width:100%;height:auto}.skills-layout{align-items:start}.sidebar-title{margin-bottom:24px;font-size:1.75rem;font-weight:700}.sidebar-img-box{border-radius:8px;width:100%;height:auto;overflow:hidden}.sidebar-img{width:100%;height:auto;display:block}.skills-subtitle{color:var(--text-muted);font-size:1.125rem;font-style:italic}.skill-item-row{margin-bottom:48px}.skill-item-row h4{margin-bottom:16px;font-size:1.25rem;font-weight:700}.skill-item-row ul{color:var(--text-muted);padding-left:20px;font-size:1.05rem;list-style:outside}.skill-item-row li{margin-bottom:12px}.skill-item-row strong{color:#fff}.social-cards-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.social-card{border:1px solid var(--border-light);border-radius:8px;justify-content:space-between;align-items:center;padding:32px 24px;transition:all .3s;display:flex}.social-card:hover{background:#ffffff0d;border-color:#fff}.sc-content{text-align:left}.sc-content h4{margin-bottom:4px;font-size:1.25rem;font-weight:600}.sc-content p{color:var(--text-muted);margin:0;font-size:.875rem}.sc-icon{color:#fff;font-size:1.5rem;font-weight:700}.footer-area{border-top:1px solid var(--border-color);padding:100px 0 40px;font-size:.95rem}.footer-grid{grid-template-columns:2fr 1fr 2fr 1fr;gap:60px;margin-bottom:80px;display:grid}.fc h4{margin-bottom:24px;font-size:1.125rem;font-weight:700}.fc p{color:var(--text-muted);margin-bottom:16px}.fc-list li{color:var(--text-muted);margin-bottom:12px}.fc-list.links li a{color:var(--text-muted)}.fc-list.links li a:hover{color:#fff}.footer-bottom{color:#666;border-top:1px solid var(--border-color);padding-top:40px;font-size:.875rem}@media (width<=992px){.hero-grid{text-align:center;grid-template-columns:1fr}.hero-text-column{margin:0 auto}.hero-portrait{max-width:400px;margin:0 auto}.grid-3,.stats-white-grid{grid-template-columns:repeat(2,1fr)}.grid-1-2{grid-template-columns:1fr}.skills-sidebar{margin-bottom:48px;position:relative;top:0}.social-cards-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr);gap:40px}.timeline-cards{flex-direction:column}.offset-up{transform:none}.timeline-axis{display:none}}@media (width<=768px){.grid-3,.stats-white-grid,.social-cards-grid,.footer-grid{grid-template-columns:1fr}.hero-title{font-size:2.25rem}.section-heading,.section-heading-large{font-size:1.75rem}.container{padding:0 20px}}