body,button{font-family:"Roboto Mono",monospace}.container,.nav{max-width:1200px}.btn,.nav-toggle,.slider-btn{cursor:pointer}.avatar-below,.category-info,.dashboard-preview,.filter-btn .count,.fitness-preview,.footer-content,.section-header,.social-media-content,.stat-item,.task-header,.weather-preview{text-align:center}.btn,.footer-link,.nav-brand,.nav-link,.social-card{text-decoration:none}*{margin:0;padding:0;box-sizing:border-box}body{line-height:1.6;color:#fff;background-color:#0f172a}button::hover{transform:scale(1.05);transition:.2s ease-in-out;box-shadow:0 0 10px #ff6a00}.container{margin:0 auto;padding:0 1.5rem}.accent,.nav-link:hover{color:#f97316}.section-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem}.section-divider{width:3rem;height:.25rem;background-color:#f97316;margin:0 auto 3rem}.header{padding:1.5rem 0;position:fixed;top:0;width:100%;background-color:rgba(15,23,42,.95);backdrop-filter:blur(10px);z-index:1000}.nav{display:flex;justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem}.nav-brand{font-size:1.25rem;font-weight:700;color:#fff}.nav-menu{display:flex;gap:2rem}.nav-link{color:#fff;transition:color .3s}.btn,.slider-btn,.social-card{transition:.3s}.nav-toggle{display:none;font-size:1.5rem}.hero{padding:8rem 0 5rem;min-height:100vh;display:flex;align-items:center}.hero-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.hero-title{font-size:4rem;font-weight:700;margin-bottom:1.5rem}.hero-subtitle{font-size:1.1rem;margin-bottom:2rem}.hero-role{font-size:3rem;font-weight:700;margin-bottom:2rem;letter-spacing:.1rem}.hero-buttons{display:flex;gap:1rem;margin-bottom:3rem}.avatar-below{margin-top:2rem}.btn{padding:.75rem 1.5rem;border:none;border-radius:.375rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem}.btn-primary,.module.current{background-color:#f97316;color:#fff}.btn-primary:hover{background-color:#ea580c}.btn-outline{background-color:transparent;color:#fff;border:2px solid #fff}.btn-outline:hover{background-color:#fff;color:#0f172a}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.tech-stack{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:20px;margin-bottom:30px}.tech-badge{background-color:#1e293b;color:#cbd5e1;padding:.5rem .75rem;border-radius:1rem;font-size:.875rem}.gradient-1,.gradient-2{background:linear-gradient(45deg,#f97316,#dc2626)}.about-services,.contact,.projects,.social-media{padding:5rem 0}.profile-container{position:relative;width:20rem;height:20rem;margin:0 auto}.gradient-bg{position:absolute;border-radius:50%}.gradient-1{inset:0;opacity:.2}.gradient-2{inset:1rem;opacity:.4}.profile-img{position:relative;z-index:10;width:100%;height:100%;border-radius:50%;object-fit:cover}.hero-subtext{color:#a3a3a3;font-style:italic;font-size:1rem}.about-content,.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:3rem}.services{display:flex;flex-direction:column;gap:2rem;margin-top:5rem}.service-item{display:flex;align-items:flex-start;gap:1rem}.social-grid,.stats{display:grid;gap:1.5rem}.service-icon{color:#f97316;font-size:2rem;margin-top:.25rem}.service-text h3{font-size:1.25rem;font-weight:600;margin-bottom:.5rem;color:#f97316}.about-text,.service-text p{color:#b0b0b0}.about-text{margin-bottom:2rem}.stats{grid-template-columns:repeat(3,1fr)}.stat-number{font-size:2rem;font-weight:700;color:#f97316;margin-bottom:.5rem}.stat-label{font-size:.875rem;color:#b0b0b0}.social-media{background-color:#111827}.social-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-top:2rem}.social-card{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#1e293b;border-radius:1rem;padding:2rem 1rem;color:#fff;border:2px solid transparent;position:relative;overflow:hidden}.social-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,0));opacity:0;transition:opacity .3s}.project-category-badge.game:hover::after,.slide.active,.social-card:hover::before{opacity:1}.social-card i{font-size:3rem;margin-bottom:1rem;transition:transform .3s}.social-card span{font-weight:500}.social-card:hover{transform:translateY(-10px);box-shadow:0 10px 20px rgba(0,0,0,.2)}.social-card:hover i{transform:scale(1.2)}.youtube{border-color:red}.youtube i{color:red}.tiktok{border-color:#000}.tiktok i,.zalo i{color:#fff}.zalo{border-color:#0284c7}.zalo i img{width:48px;height:48px}.facebook{border-color:#1877f2}.facebook i{color:#1877f2}.github{border-color:#6e5494}.github i{color:#6e5494}.linkedin{border-color:#0a66c2}.linkedin i{color:#0a66c2}.twitter{border-color:#1da1f2}.twitter i{color:#1da1f2}.instagram{border-color:#e4405f}.instagram i{color:#e4405f}.section-header{margin-bottom:3rem}.projects-slider{position:relative;border-radius:1rem;padding:1rem}.slider-container{display:flex;transition:transform .5s ease-in-out}.slide{min-width:100%;opacity:0;transition:opacity .5s ease-in-out}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:1rem}.project-card,.project-info{padding:1.5rem}.project-card{border:1px solid #334155;overflow:hidden;display:block;grid-template-columns:1fr 1fr;transition:transform .3s,box-shadow .3s;background-color:#1e1f2b;border-radius:16px;box-shadow:0 8px 20px rgba(0,0,0,.35);margin-bottom:2rem;animation:.4s ease-in fadeIn}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgba(0,0,0,.3)}.animate-on-scroll{opacity:0;transform:translate3d(0,20px,0);transition:.6s ease-out;will-change:transform,opacity}.animate-on-scroll.active{opacity:1;transform:translate3d(0,0,0)}.project-title{font-size:1.3rem;font-weight:700;margin-bottom:.75rem}.project-description{color:#b0b0b0;font-size:.875rem;margin-bottom:1rem;line-height:1.5}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tech-tag{background-color:#374151;color:#d1d5db;padding:4px 8px;border-radius:8px;font-size:.75rem;font-weight:500;display:inline-block}.project-buttons{display:flex;gap:.75rem}.project-preview{background-color:#1e1f2b;padding:1rem;display:flex;align-items:center;justify-content:center;min-height:200px;margin-top:1rem}.project-preview img{width:100%;min-height:280px;max-height:320px;border-radius:.5rem;box-shadow:0 4px 8px rgba(0,0,0,.3)}.ecommerce-preview{width:180px;height:140px;background-color:#374151;border-radius:.5rem;padding:.5rem}.header-cart,.header-nav{height:8px;border-radius:.25rem}.preview-header{display:flex;justify-content:space-between;margin-bottom:.5rem}.header-nav{width:60px;background-color:#6b7280}.header-cart{width:20px;background-color:#f97316}.preview-products{display:grid;grid-template-columns:repeat(3,1fr);gap:.25rem}.product-card{height:40px;background-color:#4b5563;border-radius:.25rem}.forecast-day,.task-column{background-color:#374151;border-radius:.25rem}.weather-preview{color:#fff;padding:1rem}.weather-icon{font-size:3rem;margin-bottom:.5rem}.weather-temp{font-size:2rem;font-weight:700;color:#f97316;margin-bottom:.25rem}.weather-location{color:#94a3b8;margin-bottom:1rem}.weather-forecast{display:flex;gap:.5rem;justify-content:center}.forecast-day{width:30px;height:40px}.task-preview{display:flex;gap:.5rem;width:180px}.task-column{flex:1;padding:.5rem}.task-header{font-size:.75rem;color:#d1d5db;margin-bottom:.5rem}.metric,.stat-circle span{color:#f97316;font-weight:700}.task-item{height:20px;background-color:#4b5563;border-radius:.25rem;margin-bottom:.25rem}.dashboard-preview{width:160px}.chart-container{display:flex;align-items:end;gap:.25rem;height:80px;margin-bottom:1rem}.chart-bar{flex:1;background:linear-gradient(to top,#f97316,#ea580c);border-radius:.125rem}.metrics{display:flex;justify-content:space-around}.crypto-preview,.recipe-preview{background-color:#374151;border-radius:.5rem;padding:1rem;width:160px;text-align:center}.crypto-header{color:#94a3b8;font-size:.875rem;margin-bottom:.5rem}.crypto-value{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.25rem}.crypto-change{color:#22c55e;font-size:.875rem;margin-bottom:1rem}.course-modules,.crypto-coins{display:flex;flex-direction:column;gap:.25rem}.coin-item,.metric-item{justify-content:space-between;display:flex}.coin-item{font-size:.75rem;color:#d1d5db}.recipe-image{width:100%;height:60px;background:linear-gradient(135deg,#f97316,#ea580c);border-radius:.25rem;margin-bottom:.5rem}.recipe-title{font-weight:700;color:#fff;margin-bottom:.25rem;font-size:.875rem}.recipe-rating,.recipe-time{font-size:.75rem;color:#94a3b8;margin-bottom:.25rem}.recipe-ingredients{display:flex;flex-direction:column;gap:.125rem;margin-top:.5rem}.ingredient{height:8px;background-color:#4b5563;border-radius:.125rem}.fitness-preview{color:#fff}.course-header,.fitness-stats{margin-bottom:1rem}.stat-circle{position:relative;width:80px;height:80px;margin:0 auto;display:flex;align-items:center;justify-content:center}.progress-ring{position:absolute;width:100%;height:100%;border:4px solid #374151;border-top:4px solid #f97316;border-radius:50%;transform:rotate(-90deg)}.fitness-metrics{display:flex;flex-direction:column;gap:.5rem}.metric-item{font-size:.875rem}.metric-item span:first-child{color:#94a3b8}.lms-preview{background-color:#374151;border-radius:.5rem;padding:1rem;width:180px}.filter-btn .count,.module{padding:.25rem .5rem;font-size:.75rem}.course-title{color:#fff;font-weight:700;margin-bottom:.5rem}.course-progress{background-color:#4b5563;height:8px;border-radius:.25rem;overflow:hidden}.progress-bar{width:60%;height:100%;background-color:#f97316}.module{border-radius:.25rem;background-color:#4b5563;color:#94a3b8}.module.completed{background-color:#22c55e;color:#fff}.slider-controls{position:absolute;top:calc(50% - 50px);transform:translateY(-50%);width:100%;display:flex;justify-content:space-between;padding:0 1rem;pointer-events:none}.slider-btn{background-color:rgba(249,115,22,.9);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:1.25rem;pointer-events:all;display:flex;align-items:center;justify-content:center;position:absolute}.current-category,.filter-btn i{font-size:1.125rem}.filter-btn,.project-category-badge{position:relative;overflow:hidden;transition:.3s;cursor:pointer}.prev-btn{left:-50px}.next-btn{right:-18px}.slider-btn:hover{background-color:#ea580c;transform:scale(1.1)}.dot.active,.dot:hover{background-color:#f97316}.slider-btn:disabled{opacity:.5;cursor:not-allowed}.slider-dots{display:flex;justify-content:center;gap:.5rem;margin-top:2rem}.dot{width:12px;height:12px;border-radius:50%;background-color:#4b5563;cursor:pointer;transition:.3s}.dot.active{transform:scale(1.2)}.hide{display:none}.project-filter-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem;margin-bottom:3rem;padding:1rem;background-color:#1e293b;border-radius:1rem;border:1px solid #334155}.filter-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background-color:transparent;color:#94a3b8;border:2px solid transparent;border-radius:.75rem;font-weight:500}.filter-btn::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(249,115,22,.1),transparent);transition:left .5s}.filter-btn:hover::before,.project-category-badge:hover::before{left:100%}.filter-btn:hover{color:#f97316;border-color:#f97316;transform:translateY(-2px)}.filter-btn.active{background-color:#f97316;color:#fff;border-color:#f97316;transform:translateY(-2px);box-shadow:0 10px 25px rgba(249,115,22,.3);background:linear-gradient(135deg,orange,coral)}.filter-btn .count{background-color:rgba(255,255,255,.2);color:inherit;border-radius:.5rem;font-weight:600;min-width:1.5rem}.filter-btn.active .count{background-color:rgba(255,255,255,.3)}.category-info{padding:1rem;background-color:#1e293b;border-radius:.75rem;border:1px solid #334155}.category-stats{display:flex;justify-content:center;align-items:center;gap:2rem;flex-wrap:wrap}.current-category{font-weight:600;color:#f97316}.project-count{color:#b0b0b0;font-size:.875rem}.project-category-badge{display:inline-flex;align-items:center;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;backdrop-filter:blur(10px);font-size:.75rem;font-weight:600;border-radius:9999px;padding:.25rem .75rem;box-shadow:0 2px 6px rgba(0,0,0,.15);gap:.3rem}.project-category-badge::before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s}.project-category-badge.web{background:linear-gradient(135deg,#0ea5e9,#0284c7,#0369a1);color:#fff;border-color:rgba(14,165,233,.3);box-shadow:0 4px 20px rgba(14,165,233,.3)}.project-category-badge.web:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(14,165,233,.4);border-color:rgba(255,255,255,.3)}.project-category-badge.desktop{background:linear-gradient(135deg,#10b981,#059669,#047857);color:#fff;border-color:rgba(16,185,129,.3);box-shadow:0 4px 20px rgba(16,185,129,.3)}.project-category-badge.mobile:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(16,185,129,.4);border-color:rgba(255,255,255,.3)}.project-category-badge.game{background:linear-gradient(135deg,#8b5cf6,#7c3aed,#6d28d9);color:#fff;border-color:rgba(139,92,246,.3);box-shadow:0 4px 20px rgba(139,92,246,.3);position:relative}.project-category-badge.game::after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);transform:translate(-50%,-50%);opacity:0;transition:opacity .3s}.project-category-badge.game:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(139,92,246,.4);border-color:rgba(255,255,255,.3)}@media (max-width:1024px){.projects-grid{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (max-width:900px){.project-preview img{min-height:200px;max-height:350px}}@media (max-width:768px){.social-grid{grid-template-columns:repeat(3,1fr)}.project-card,.projects-grid{grid-template-columns:1fr}.projects-grid{gap:1rem}.project-preview{min-height:150px}.slider-controls{padding:0 .5rem}.slider-btn{width:40px;height:40px;font-size:1rem}.services{margin-top:0}}@media (max-width:480px){.social-grid{grid-template-columns:repeat(2,1fr)}.project-buttons{flex-direction:column}.slider-btn{width:35px;height:35px;font-size:.875rem}}.contact-subtitle,.contact-title{font-size:2.5rem;font-weight:700}.contact-title{margin-bottom:.5rem}.contact-subtitle{margin-bottom:2rem}.contact-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-size:.875rem;font-weight:500;margin-bottom:.5rem}.form-group input,.form-group textarea{background-color:#1e293b;border:1px solid #334155;border-radius:.375rem;padding:.75rem 1rem;color:#fff;font-size:1rem}.form-group input:focus,.form-group textarea:focus{outline:0;border-color:#f97316}.footer{padding:3rem 0;border-top:1px solid #1e293b}.footer-title{font-size:1.25rem;font-weight:700;margin-bottom:.5rem}.footer-text{color:#b0b0b0;margin-bottom:1.5rem}.footer-link{color:#b0b0b0}.social-links{display:flex;justify-content:center;gap:1rem}.social-link{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:#94a3b8;transition:color .3s}.footer-link:hover,.social-link:hover{color:#f97316;transform:scale(1.1);transition:.2s}@media (max-width:1260px){.slider-btn{width:45px;height:45px}.prev-btn{left:-35px}.next-btn{right:-5px}}@media(max-width:1000px){.project-card{display:block;padding:1rem}}@media(max-width:900px){.project-info{padding:1rem}}@media (max-width:768px){.nav-menu{position:fixed;top:100%;left:0;width:100%;background-color:#0f172a;flex-direction:column;padding:2rem;transform:translateY(-100%);opacity:0;visibility:hidden;transition:.3s}.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}.nav-toggle{display:block}.hero-content{grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.contact-subtitle,.contact-title,.hero-role,.section-title{font-size:2rem}.hero-buttons{justify-content:center;flex-wrap:wrap}.profile-container{width:15rem;height:15rem}.about-content,.contact-content{grid-template-columns:1fr;gap:2rem}.stats{grid-template-columns:repeat(3,1fr);gap:1rem}.project-card,.projects-grid{grid-template-columns:1fr}.project-card{padding:.5rem}.prev-btn{left:-30px}.next-btn{right:0}}@media(max-width:580px){.project-info{padding:1rem}.projects-grid{padding:.5rem}}@media (max-width:480px){.projects-grid,.stats{grid-template-columns:1fr}.container{padding:0 1rem}.hero{padding:6rem 0 3rem}.hero-title{font-size:2.5rem}.hero-role{font-size:1.5rem}.tech-stack{justify-content:center}.stats{gap:1rem}.project-buttons{flex-direction:column}}@media (max-width:400px){.current-category,.project-title{font-size:1rem}.project-description{font-size:.75rem}.tech-tag{font-size:.6rem}.btn-sm,.project-category-badge,.project-count{font-size:.7rem}.contact-subtitle,.contact-title,.section-title{font-size:1.8rem}.section-subtitle{font-size:.9rem}.footer-text{font-size:.8rem}}html{scroll-behavior:smooth}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:.6s ease-out fadeInUp}