@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap";@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700;800&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.tech-grid-bg{background-image:radial-gradient(rgba(34,211,238,.15) 1px,transparent 1px);background-size:24px 24px}@keyframes float-smooth{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.animate-float{animation:float-smooth 6s ease-in-out infinite}@keyframes border-glow{0%{border-color:#22d3ee33;box-shadow:0 0 20px #22d3ee0d}50%{border-color:#22d3ee80;box-shadow:0 0 40px #22d3ee33}to{border-color:#22d3ee33;box-shadow:0 0 20px #22d3ee0d}}.animate-border-glow{animation:border-glow 4s ease-in-out infinite}.typing-effect{overflow:hidden;white-space:nowrap;border-right:2px solid #10b981;animation:typingLoop 4s steps(40,end) infinite;width:100%}@keyframes typingLoop{0%,10%{width:0;opacity:1}50%,80%{width:100%;opacity:1}90%,to{opacity:0;width:100%}}.path-draw{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLoop 6s ease-in-out infinite}@keyframes drawLoop{0%{stroke-dashoffset:1000;opacity:0}10%{opacity:1}50%,80%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.slide-task{animation:slideTaskLoop 6s cubic-bezier(.4,0,.2,1) infinite}@keyframes slideTaskLoop{0%,10%{transform:translateY(0) translate(0);opacity:1;border-color:#3b82f6}40%,60%{transform:translateY(-30px) translate(30%);opacity:.8;border-color:#10b981}80%,to{transform:translateY(0) translate(110%);opacity:0}}.fill-progress{width:0%;animation:fillBarLoop 6s ease-out infinite}@keyframes fillBarLoop{0%,10%{width:0%}40%,80%{width:85%}to{width:0%}}.popup-up{opacity:0;transform:translateY(20px);animation:popUpLoop 5s cubic-bezier(.175,.885,.32,1.275) infinite}@keyframes popUpLoop{0%,10%{opacity:0;transform:translateY(20px)}20%,80%{opacity:1;transform:translateY(0)}90%,to{opacity:0;transform:translateY(20px)}}.donut-fill{stroke-dasharray:100 100;animation:donutLoop 6s ease-out infinite}@keyframes donutLoop{0%,10%{stroke-dasharray:0 100}50%,90%{stroke-dasharray:var(--fill) 100}to{stroke-dasharray:0 100}}.candle-move-up{animation:candleUp 1.5s infinite alternate ease-in-out}.candle-move-down{animation:candleDown 2s infinite alternate ease-in-out}@keyframes candleUp{0%{height:20%;transform:translateY(5px)}to{height:70%;transform:translateY(-5px)}}@keyframes candleDown{0%{height:60%;transform:translateY(-5px)}to{height:30%;transform:translateY(10px)}}.tab-content{display:none;opacity:0;transition:opacity .4s ease-in-out}.tab-content.active{display:flex;opacity:1}body{font-family:Open Sans,sans-serif!important}.rack-content{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1)}.server-layer.active .rack-content{max-height:300px}.server-layer.active .rack-header{border-bottom-color:#334155;background-color:#0f172a}.server-layer.active .status-light{box-shadow:0 0 10px 2px #22d3ee;background-color:#22d3ee;animation:none}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.animate-server-blink{animation:blink 2s infinite ease-in-out}.font-sans-custom{font-family:Open Sans,sans-serif!important}.lien-hero-wrapper{width:100%!important;background-color:#020617!important;color:#fff!important;font-family:Open Sans,sans-serif!important;box-sizing:border-box!important}.lien-hero-title{line-height:1.25!important}.lien-gradient-text{background:linear-gradient(to right,#06b6d4,#3b82f6)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;color:transparent!important;display:inline-block!important;padding-bottom:.15em!important;margin-bottom:-.15em!important}@keyframes b2-flow-v-success{0%{transform:translateY(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(100px);opacity:0}}@keyframes b2-flow-v-leak-right{0%{transform:translate(0);opacity:0}10%{opacity:1}35%{transform:translateY(35px);opacity:1}45%{transform:translate(40px,45px);opacity:1}to{transform:translate(50px,120px);opacity:0}}@keyframes b2-flow-v-leak-left{0%{transform:translate(0);opacity:0}10%{opacity:1}40%{transform:translateY(40px);opacity:1}50%{transform:translate(-45px,50px);opacity:1}to{transform:translate(-55px,130px);opacity:0}}@keyframes b2-circuit-flow-v{0%{stroke-dashoffset:40}to{stroke-dashoffset:0}}@keyframes b2-error-pulse{0%,to{opacity:.6;filter:drop-shadow(0 0 5px rgba(239,68,68,.5))}50%{opacity:1;filter:drop-shadow(0 0 15px rgba(239,68,68,.8))}}.b2-data-v-success{animation:b2-flow-v-success 2.5s infinite linear}.b2-leak-ads-1{animation:b2-flow-v-leak-right 2s infinite ease-in}.b2-leak-ads-2{animation:b2-flow-v-leak-left 2.5s infinite ease-in}.b2-leak-mkt-1{animation:b2-flow-v-leak-right 2.2s infinite ease-in}.b2-leak-mkt-2{animation:b2-flow-v-leak-left 2.7s infinite ease-in}.b2-leak-sales{animation:b2-flow-v-leak-right 3s infinite ease-in}.b2-pipe-v-active{stroke-dasharray:6 4;animation:b2-circuit-flow-v 1s infinite linear}.b2-alert-node{animation:b2-error-pulse 1.5s infinite ease-in-out}.mia-marketing-solution-block{font-family:Open Sans,sans-serif!important}.typing-line-1{overflow:hidden;white-space:nowrap;width:0;animation:typeLine1 2.5s steps(50,end) forwards}.typing-line-2{opacity:0;animation:fadeIn .1s 2.5s forwards}.typing-line-3{opacity:0;animation:fadeIn .1s 3.5s forwards}.typing-line-4{opacity:0;animation:fadeInSuccess .1s 4.5s forwards}.cursor-blink{animation:blinkCursor 1s step-end infinite}@keyframes typeLine1{0%{width:0}to{width:100%}}@keyframes fadeIn{to{opacity:1}}@keyframes fadeInSuccess{to{opacity:1;text-shadow:0 0 8px #34d399}}@keyframes blinkCursor{0%,to{border-color:transparent}50%{border-color:#10b981}}.bar{transform-origin:bottom;animation:barRise 1.5s ease-in-out infinite alternate}.bar:nth-child(1){animation-duration:1.2s;animation-delay:.1s;height:40%}.bar:nth-child(2){animation-duration:1.5s;animation-delay:.4s;height:75%}.bar:nth-child(3){animation-duration:1.1s;animation-delay:.2s;height:50%}.bar:nth-child(4){animation-duration:1.6s;animation-delay:.5s;height:90%}.bar:nth-child(5){animation-duration:1.3s;animation-delay:.3s;height:60%}.bar:nth-child(6){animation-duration:1.4s;animation-delay:.6s;height:80%}@keyframes barRise{0%{transform:scaleY(.4);opacity:.7}to{transform:scaleY(1);opacity:1;background-color:#06b6d4}}.pulse-dot{animation:pulseSignal 2s infinite}@keyframes pulseSignal{0%{box-shadow:0 0 #10b981b3}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.radar-sweep{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 70%,rgba(6,182,212,.4) 100%);animation:spin 3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.svg-line{stroke-dasharray:1000;stroke-dashoffset:1000;animation:drawLine 4s linear infinite}@keyframes drawLine{0%{stroke-dashoffset:1000}50%{stroke-dashoffset:0}to{stroke-dashoffset:-1000}}.data-stream{animation:slideUp 8s linear infinite}@keyframes slideUp{0%{transform:translateY(0)}to{transform:translateY(-50%)}}.bg-grid-pattern{background-image:linear-gradient(to right,#e2e8f0 1px,transparent 1px),linear-gradient(to bottom,#e2e8f0 1px,transparent 1px);background-size:40px 40px;background-position:center center;opacity:.4}@keyframes flowDown{0%{top:-10px;opacity:0;transform:scale(.5)}10%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{top:100%;opacity:0;transform:scale(.5)}}.data-particle{animation:flowDown 4s infinite linear}.data-particle:nth-child(2){animation-delay:2s}body{font-family:Inter,sans-serif}@keyframes scan-line{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.animate-scan{animation:scan-line 2.5s cubic-bezier(.4,0,.2,1) infinite}.bg-grid-pattern{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#10b981}#an-thien-portfolio{font-family:Open Sans,sans-serif!important;width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;background-color:#f8fafc!important;background-image:radial-gradient(#cbd5e1 1.5px,transparent 1.5px)!important;background-size:24px 24px!important}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.animate-marquee{animation:marquee 50s linear infinite}.force-full-width-section{width:100vw!important;max-width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important}@keyframes customFadeInUp{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes floatingImage{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.anpham-float{animation:floatingImage 6s ease-in-out infinite}@media(max-width:1023px){.content-transition-wrapper{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s ease,opacity .3s ease;opacity:0;visibility:hidden}.content-transition-wrapper.is-open{grid-template-rows:1fr;opacity:1;visibility:visible}.content-inner-wrapper{overflow:hidden}}@media(min-width:1024px){.content-transition-wrapper{display:none}.content-transition-wrapper.is-open{display:block;animation:customFadeInUp .6s cubic-bezier(.16,1,.3,1) forwards}}@keyframes flowRight{0%{left:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{left:100%;opacity:0}}@keyframes flowDown{0%{top:0%;opacity:0}10%{opacity:1}90%{opacity:1}to{top:100%;opacity:0}}.bg-dots-center{background-image:radial-gradient(rgba(148,163,184,.5) 1px,transparent 1px)!important;background-size:20px 20px!important;-webkit-mask-image:radial-gradient(ellipse at center,black 0%,transparent 60%)!important;mask-image:radial-gradient(ellipse at center,black 0%,transparent 60%)!important}.bg-dots-edges{background-image:radial-gradient(rgba(100,116,139,.3) 2.5px,transparent 2.5px)!important;background-size:40px 40px!important;-webkit-mask-image:radial-gradient(ellipse at center,transparent 30%,black 100%)!important;mask-image:radial-gradient(ellipse at center,transparent 30%,black 100%)!important}#anpham-about-bento *{font-family:Open Sans,sans-serif!important}.pop-out-img{transition:transform .8s cubic-bezier(.2,1,.3,1)}.bento-card:hover .pop-out-img{transform:scale(1.08) translateY(-15px)}.grid-pattern{background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:20px 20px}body{font-family:Open Sans,sans-serif;margin:0;padding:0;overflow-x:hidden}.bg-dots-depth{background-color:#f1f5f9;background-image:radial-gradient(#94a3b8 1.5px,transparent 1.5px);background-size:40px 40px;mask-image:radial-gradient(circle at center,#000,#0009 50%,#0000 90%);-webkit-mask-image:radial-gradient(circle at center,rgba(0,0,0,1) 0%,rgba(0,0,0,.6) 50%,rgba(0,0,0,0) 90%)}.glass-card{background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.force-full-width{width:100vw!important;position:relative!important;left:50%!important;right:50%!important;margin-left:-50vw!important;margin-right:-50vw!important}body{font-family:Open Sans,sans-serif}