@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap);:root{--bg-dark:#000;--bg-dark-90:#000000e6;--bg-dark-50:#00000080;--color-accent:#d4ff00;--text-primary:#fff;--text-secondary:#888;--text-dark:#000;--font-display:"Space Grotesk",sans-serif;--font-mono:"Space Mono",monospace;--header-height:80px;--border-width:1px}body{background-color:var(--bg-dark);color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-family:var(--font-display)}code{font-family:Space Mono,monospace;font-family:var(--font-mono)}.neon-text{color:#d4ff00;color:var(--color-accent)}.glass-panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a}.brutalist-border{border:1px solid #d4ff00;border:1px solid var(--color-accent)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#000;background:var(--bg-dark)}::-webkit-scrollbar-thumb{background:#333}::-webkit-scrollbar-thumb:hover{background:#d4ff00}::selection{background:#d4ff00;background:var(--color-accent);color:var(--bg-dark)}:root{--color-accent:#cf0;--color-black:#000;--color-white:#fff;--color-gray-100:#f5f5f5;--color-gray-500:#6b7280;--color-gray-800:#1f2937;--font-display:"Be Vietnam Pro","Archivo Black",Impact,sans-serif;--font-mono:"Space Mono","Courier New",monospace;--border-width:4px;--border-width-sm:2px;--shadow-offset:8px;--shadow-offset-sm:4px;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:8rem}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff;background-color:var(--color-white);background-image:linear-gradient(90deg,#e5e5e5 1px,#0000 0),linear-gradient(180deg,#e5e5e5 1px,#0000 0);background-size:40px 40px;color:#000;color:var(--color-black);font-family:Space Mono,Courier New,monospace;font-family:var(--font-mono);text-transform:uppercase}::selection{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#fff;background:var(--color-white);border-left:2px solid #000;border-left:2px solid var(--color-black)}::-webkit-scrollbar-thumb{background:#000;background:var(--color-black)}::-webkit-scrollbar-thumb:hover{background:#cf0;background:var(--color-accent)}.brutalist-border{border:4px solid #000;border:var(--border-width) solid var(--color-black);box-shadow:8px 8px 0 0 #000;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-black)}.brutalist-border-sm{border:2px solid #000;border:var(--border-width-sm) solid var(--color-black);box-shadow:4px 4px 0 0 #000;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 0 var(--color-black)}.brutalist-border-accent{border:4px solid #000;border:var(--border-width) solid var(--color-black);box-shadow:8px 8px 0 0 #cf0;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-accent)}.font-display{font-family:Be Vietnam Pro,Archivo Black,Impact,sans-serif;font-family:var(--font-display);letter-spacing:-.02em}.font-mono{font-family:Space Mono,Courier New,monospace;font-family:var(--font-mono)}.header-outline{-webkit-text-stroke:2px #000;-webkit-text-stroke:2px var(--color-black);color:#0000}.text-accent{color:#cf0;color:var(--color-accent)}.desaturated-img{filter:grayscale(1) contrast(1.2);mix-blend-mode:multiply}.duotone-box{background-color:#cf0;background-color:var(--color-accent)}.btn-brutalist{align-items:center;border:4px solid #000;border:var(--border-width) solid var(--color-black);cursor:pointer;display:inline-flex;font-family:Be Vietnam Pro,Archivo Black,Impact,sans-serif;font-family:var(--font-display);font-size:1.25rem;gap:1rem;padding:1.5rem 2.5rem;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.btn-brutalist-primary{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.btn-brutalist-accent,.btn-brutalist-primary:hover{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}.btn-brutalist-accent{box-shadow:4px 4px 0 0 #000;box-shadow:var(--shadow-offset-sm) var(--shadow-offset-sm) 0 0 var(--color-black)}.btn-brutalist-accent:hover{box-shadow:none;transform:translate(4px,4px)}.btn-brutalist-outline{background-color:initial;color:#000;color:var(--color-black)}.btn-brutalist-outline:hover{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.tag-brutalist{border:2px solid #000;border:2px solid var(--color-black);display:inline-block;font-size:.75rem;font-weight:700;padding:.25rem 1rem;text-transform:uppercase}.tag-filled{background-color:#000;background-color:var(--color-black);color:#fff;color:var(--color-white)}.tag-accent{background-color:#cf0;background-color:var(--color-accent);color:#000;color:var(--color-black)}.container-brutalist{margin:0 auto;max-width:1400px;padding:0 1.5rem}.section-brutalist{border-top:4px solid #000;border-top:var(--border-width) solid var(--color-black);padding:8rem 0;padding:var(--space-xl) 0}.hover-lift{transition:transform .3s ease}.hover-lift:hover{transform:translateY(-4px)}.hover-rotate{transition:transform .5s ease}.hover-rotate:hover{transform:rotate(0deg)!important}@keyframes brutalist-shake{0%,to{transform:translateX(0)}25%{transform:translateX(-2px) rotate(-1deg)}75%{transform:translateX(2px) rotate(1deg)}}@keyframes brutalist-pulse{0%,to{box-shadow:8px 8px 0 0 #000;box-shadow:var(--shadow-offset) var(--shadow-offset) 0 0 var(--color-black)}50%{box-shadow:10px 10px 0 0 #000;box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 0 var(--color-black)}}@media (max-width:768px){:root{--shadow-offset:4px;--shadow-offset-sm:2px}body{background-size:20px 20px}}.header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background-color:#000000d9;border-bottom:1px solid #ffffff1a;left:0;position:fixed;top:0;width:100%;z-index:50}.header-overlay{display:none}.nav-container{height:80px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 1.5rem}.logo-container,.logo-link,.nav-container{align-items:center;display:flex}.logo-link{gap:.5rem;text-decoration:none}.logo-full{display:none;height:50px;width:auto}.logo-link:before{color:var(--text-primary);content:"NGUYỄN ";letter-spacing:-.02em}.logo-link:after,.logo-link:before{font-family:var(--font-display);font-size:1.5rem}.logo-link:after{background-color:initial;border:1px solid var(--color-accent);color:var(--color-accent);content:"XUÂN HẢI";padding:0 .25rem}.nav{display:none}.nav-links{align-items:center;display:flex;gap:2rem;list-style:none;margin:0;padding:0}.nav-links li a{color:var(--text-secondary);font-family:var(--font-mono);font-size:.875rem;font-weight:700;text-decoration:none;text-transform:uppercase;transition:all .2s ease}.nav-links li a.active,.nav-links li a:hover{color:var(--text-primary);text-decoration:none;text-shadow:0 0 10px #ffffff80}.nav-links li:last-child a{background-color:initial;border:1px solid var(--color-accent);box-shadow:none;color:var(--color-accent);padding:.75rem 1.25rem;transition:all .2s ease}.nav-links li:last-child a:hover{background-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent);color:#000;transform:translateY(-2px)}.nav-toggle{align-items:center;background:#0000;border:1px solid var(--text-primary);cursor:pointer;display:flex;flex-direction:column;height:48px;justify-content:center;padding:0;width:48px;z-index:60}.hamburger{position:relative}.hamburger,.hamburger:after,.hamburger:before{background:var(--text-primary);height:2px;transition:all .3s ease;width:24px}.hamburger:after,.hamburger:before{content:"";left:0;position:absolute}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-toggle.active{border-color:var(--color-accent)}.nav-toggle.active .hamburger{background:#0000}.nav-toggle.active .hamburger:before{background:var(--color-accent);top:0;transform:rotate(45deg)}.nav-toggle.active .hamburger:after{background:var(--color-accent);top:0;transform:rotate(-45deg)}@media (min-width:768px){.nav{display:block}.logo-full,.nav-toggle{display:none}}.nav-open{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000f2;border-top:1px solid var(--color-accent);bottom:0;display:flex;left:0;position:fixed;right:0;top:80px;z-index:40}.nav-open .nav-links{align-items:flex-start;flex-direction:column;gap:0;justify-content:flex-start;padding:2rem 1.5rem;width:100%}.nav-open .nav-links li{border-bottom:1px solid #ffffff1a;width:100%}.nav-open .nav-links li a{color:var(--text-primary);display:block;font-size:1.25rem;padding:1.5rem 0}.nav-open .nav-links li:last-child a{background:var(--color-accent);border:none;color:#000;margin-top:1rem;text-align:center}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;overflow-x:hidden}.main-content{margin:0 auto;max-width:1400px;padding:20px;position:relative;z-index:1}.App{text-align:center}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px;width:100%}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff1a;border-radius:50%;border-top-color:#d4ff00;height:40px;width:40px}.error-fallback{background:#ff32321a;border:2px solid #ff5f56;color:#ff5f56;margin:20px 0;padding:20px;text-align:center}@keyframes spin{to{transform:rotate(1turn)}}