@import url(https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;700&family=Inter:wght@400;700&display=swap);:root{--font-primary:"Inter",sans-serif;--font-secondary:"IBM Plex Mono",monospace;--color-bg:#0a0e1a;--color-bg-gradient:linear-gradient(135deg,#0a0e1a,#1a1a2e 40%,#23233a 70%,#1e2a3a),radial-gradient(ellipse at 80% 20%,#00ffe71a 0%,#0000 70%),radial-gradient(ellipse at 20% 80%,#50c8ff14 0%,#0000 70%),linear-gradient(90deg,#0a0e1a,#1a1a2e);--color-glass:#141e28d1;--color-glass-border:#00ffe72e;--color-accent:#00ffe7;--color-title:#f5f6fa;--color-footer-text:#b6c2d1;--color-footer-accent:#00ffe7;--color-text:#e5e5e5;--color-muted:#7a8fa3;--radius-lg:1.5rem;--radius-md:0.75rem;--radius-sm:0.4rem;--shadow-glass:0 8px 32px 0 #00000038;--blur-glass:blur(28px);--glass-gradient:linear-gradient(135deg,#00ffe71a,#00ffe714);--glass-refraction:linear-gradient(120deg,#00ffe71a,#00ffe714);--transition:0.35s cubic-bezier(0.4,0,0.2,1);--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem}#root,body,html{box-sizing:border-box;color:#e5e5e5;color:var(--color-text);font-family:Inter,sans-serif;font-family:var(--font-primary);margin:0;padding:0}#root,body,html{height:100%}#root,body,html{background:#0a0e1a;background:var(--color-bg);background-attachment:fixed;background-image:linear-gradient(135deg,#0a0e1a,#1a1a2e 40%,#23233a 70%,#1e2a3a),radial-gradient(ellipse at 80% 20%,#00ffe71a 0,#0000 70%),radial-gradient(ellipse at 20% 80%,#50c8ff14 0,#0000 70%),linear-gradient(90deg,#0a0e1a,#1a1a2e);background-image:var(--color-bg-gradient);background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.NavBar{-ms-overflow-style:none;align-items:center;background:#141e28eb;border:1.5px solid #00ffe72e;border:1.5px solid var(--color-glass-border);border-radius:.75rem;border-radius:var(--radius-md);box-shadow:0 4px 24px #00ffe714,0 1.5px 8px #ff2fd614;display:flex;flex-direction:row;flex-wrap:nowrap;margin:1.2rem auto 0;max-width:900px;overflow-x:auto;padding:.7rem 2rem;position:sticky;scrollbar-width:none;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:100%;z-index:1000}.NavBar::-webkit-scrollbar{display:none}.NavBarTop{justify-content:flex-start;padding:1rem 2rem}.NavBarTop,.NavLeft{align-items:center;display:flex}.NavLeft{gap:2rem}.NavLogo{border-radius:.75rem;height:40px}.NavItems{gap:1.5rem}.NavItems,.NavLink{align-items:center;display:flex}.NavLink{background:none;border:none;border-radius:.4rem;border-radius:var(--radius-sm);color:#00ffe7;color:var(--color-accent);cursor:pointer;font-family:IBM Plex Mono,monospace;font-family:var(--font-secondary);font-size:1.05rem;font-weight:600;gap:6px;margin:0 .2rem;outline:none;padding:.3rem .7rem;position:relative;text-decoration:none;transition:color .3s,background .3s}.NavLink:after{background-color:#00ffe7;background-color:var(--color-accent);bottom:-4px;content:"";height:2px;left:0;position:absolute;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.NavLink.active:after,.NavLink:hover:after{transform:scaleX(1)}.NavLink.active,.NavLink:hover{background:#00ffe714;color:var(--color-accent-alt);text-shadow:0 0 8px var(--color-accent-alt)}.NavLink.active:after{background:#00ffe7;background:var(--color-accent);border-radius:2px;bottom:-4px;content:"";display:block;height:2.5px;left:0;position:absolute;right:0;width:100%}.glass,.liquid-glass,.liquid-glass-about,.liquid-glass-apps-carousel,.liquid-glass-contact,.liquid-glass.button,.liquid-glass.card{backdrop-filter:blur(28px) saturate(180%);backdrop-filter:var(--blur-glass) saturate(180%);-webkit-backdrop-filter:blur(28px) saturate(180%);-webkit-backdrop-filter:var(--blur-glass) saturate(180%);background:#0000;border:1.5px solid #00ffe72e;border:1.5px solid var(--color-glass-border);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 #00000038;box-shadow:var(--shadow-glass);overflow:hidden;position:relative;transition:.35s cubic-bezier(.4,0,.2,1);transition:var(--transition)}.liquid-glass-about:hover,.liquid-glass-apps-carousel:hover,.liquid-glass-contact:hover,.liquid-glass.button:hover,.liquid-glass.card:hover{border:1.5px solid var(--color-accent-alt);box-shadow:0 0 24px var(--color-accent-alt),0 4px 24px 0 #00ffe7;box-shadow:0 0 24px var(--color-accent-alt),0 4px 24px 0 var(--color-accent)}.liquid-glass-about,.liquid-glass-apps-carousel,.liquid-glass-contact{background:#141e28d1;background:var(--color-glass);border:1.5px solid #00ffe72e;border:1.5px solid var(--color-glass-border);border-radius:1.5rem;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 #00000038;box-shadow:var(--shadow-glass)}.liquid-glass-website{background:#ffffff1c}.liquid-glass-app{background:#ffffff12}.liquid-glass:before{background:linear-gradient(135deg,#00ffe71a,#00ffe714);background:var(--glass-gradient);z-index:1}.liquid-glass:after,.liquid-glass:before{content:"";inset:0;pointer-events:none;position:absolute}.liquid-glass:after{background:linear-gradient(120deg,#00ffe71a,#00ffe714);background:var(--glass-refraction);mix-blend-mode:lighten;opacity:.7;z-index:2}.liquid-glass.button .send-email-btn,.liquid-glass.button a{background:#0003;box-shadow:0 2px 16px 0 #f5f6fa1f;color:#00ffe7;color:var(--color-accent);transition:box-shadow .3s,color .3s,background .3s}.liquid-glass.button .send-email-btn:hover,.liquid-glass.button a:hover{background:#f5f6fa2e;box-shadow:0 0 24px #00ffe7;box-shadow:0 0 24px var(--color-accent);color:#fff}.liquid-flow{overflow:hidden;position:relative}.liquid-flow-anim{animation:none;background:linear-gradient(120deg,#f5f6fa2e,#ffffff1a);background-size:200% 200%;inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .3s;z-index:1}.liquid-flow:hover .liquid-flow-anim{animation:liquidFlow 1.2s linear infinite;opacity:1}@keyframes liquidFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}section#about p,section#contact p{line-height:1.6;max-width:100%;padding:0 .5rem;text-align:justify;width:100%}.projects-flex{display:flex;flex-direction:column;gap:2rem}.project-apps-row{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.section-title{color:#f5f6fa;color:var(--color-title);font-family:IBM Plex Mono,monospace;font-family:var(--font-secondary);font-size:clamp(2.1rem,6vw,3.2rem);font-weight:700;letter-spacing:1px;margin-bottom:.2rem;text-shadow:0 0 6px #00ffe7,0 0 1px #fff;text-shadow:0 0 6px var(--color-accent),0 0 1px #fff}.liquid-glass.button.send-email-btn:hover{background:#00ffe72e;box-shadow:0 0 24px #00ffe7,0 0 8px #fff;box-shadow:0 0 24px var(--color-accent),0 0 8px #fff;color:#fff}.footer-encrypted{color:#00ffe7;color:var(--color-accent);display:block;font-family:IBM Plex Mono,monospace;font-family:var(--font-secondary);font-size:clamp(.92rem,2vw,1.02rem);font-weight:600;letter-spacing:1px;margin-bottom:.7em;margin-top:.7em}@media (max-width:900px){.projects-flex{flex-direction:column!important;gap:2rem!important}.project-apps-row{flex-wrap:wrap!important;gap:1rem!important;justify-content:center!important}}@media (max-width:600px){.glass,.liquid-glass{border-radius:.75rem;border-radius:var(--radius-md);padding:1.2rem 1rem!important}.projects-flex{flex-direction:column!important;gap:1.2rem!important}.project-apps-row{flex-wrap:wrap!important;gap:.7rem!important;justify-content:center!important}}.footer-encrypted,.glass,.liquid-glass,.liquid-glass-about,.liquid-glass-apps-carousel,.liquid-glass-contact,body{font-size:clamp(.98rem,2.5vw,1.08rem)}.app-hero-bg{filter:blur(16px);height:100%;inset:0;object-fit:cover;opacity:.85;pointer-events:none;position:absolute;width:100%;z-index:0}@media (max-width:700px){.NavBar{border-radius:0!important;flex-wrap:nowrap!important;justify-content:flex-start!important;left:0!important;margin:0!important;overflow-x:auto!important;padding:.5rem!important;position:fixed!important;right:0!important;top:0!important;transform:none!important;width:100vw!important}.NavBar,.NavLink{max-width:100vw!important;white-space:nowrap!important}.NavLink{font-size:.98rem!important;padding:.3rem .5rem!important}.section-title{font-size:clamp(1.5rem,8vw,2.1rem)}.footer-encrypted{font-size:clamp(.85rem,2vw,.98rem)}}@media (max-width:480px){.section-title{font-size:clamp(1.2rem,9vw,1.5rem)}.footer-encrypted{font-size:clamp(.8rem,2vw,.92rem)}}::-webkit-scrollbar{background:#181824;width:8px}::-webkit-scrollbar-thumb{background:#23233a;border-radius:8px}*{box-sizing:inherit}.no-stroke-hover:hover{border:none!important}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-ext-400-normal.fd1478dcc74de00ee4c0.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-400-normal.c676f175d430bd465724.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-cyrillic-400-normal.cb04b2ee2f7d192478b8.woff2) format("woff2"),url(/static/media/inter-cyrillic-400-normal.062321ff8a8844520dc5.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-ext-400-normal.f2fa0d9ef98f59d4a75b.woff2) format("woff2"),url(/static/media/inter-greek-ext-400-normal.02f9e7ef5cf29425f684.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-greek-400-normal.a8de720a6f13c66c8a4e.woff2) format("woff2"),url(/static/media/inter-greek-400-normal.9ec3b40ece10debf7a33.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-vietnamese-400-normal.44c9df135eec470b0ab6.woff2) format("woff2"),url(/static/media/inter-vietnamese-400-normal.aaa15d735e3826061950.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-ext-400-normal.210fb826cb25acbd4094.woff2) format("woff2"),url(/static/media/inter-latin-ext-400-normal.c616205185f0d3677df9.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:400;src:url(/static/media/inter-latin-400-normal.eca1e21531598d5db58f.woff2) format("woff2"),url(/static/media/inter-latin-400-normal.2ea1079c0069eb040a52.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-ext-700-normal.5631f054acb5a33a716a.woff2) format("woff2"),url(/static/media/inter-cyrillic-ext-700-normal.0ddea3beace60380deb1.woff) format("woff");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-cyrillic-700-normal.36e9cf9ecc07ac6bce28.woff2) format("woff2"),url(/static/media/inter-cyrillic-700-normal.03cc5c4a68b77f60ea9b.woff) format("woff");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-ext-700-normal.4cdf2b4e817dade3d4aa.woff2) format("woff2"),url(/static/media/inter-greek-ext-700-normal.ca8751b8c028cb9ae710.woff) format("woff");unicode-range:u+1f??}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-greek-700-normal.f5fbdfc39c2431160896.woff2) format("woff2"),url(/static/media/inter-greek-700-normal.04d33a0bd87050834f1a.woff) format("woff");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-vietnamese-700-normal.5d9bfcacc44f345662ff.woff2) format("woff2"),url(/static/media/inter-vietnamese-700-normal.cceb6e3d4483c3136077.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-ext-700-normal.be70ab2888339fe67ac5.woff2) format("woff2"),url(/static/media/inter-latin-ext-700-normal.454735e8a8af2928485e.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:700;src:url(/static/media/inter-latin-700-normal.084676038be5b1c38324.woff2) format("woff2"),url(/static/media/inter-latin-700-normal.02426d017cf367236f56.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-vietnamese-400-normal.43e406db4c9673e64b16.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-400-normal.805a3674b452420960bd.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-ext-400-normal.4889d1dd083666be481f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-400-normal.f9e869e161d5f69c3488.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/static/media/space-grotesk-latin-400-normal.f18f0615094969652b7e.woff2) format("woff2"),url(/static/media/space-grotesk-latin-400-normal.66111bd6c741353872d0.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-vietnamese-700-normal.d961758c27eb1a21c68b.woff2) format("woff2"),url(/static/media/space-grotesk-vietnamese-700-normal.499e5d15f63548664580.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-ext-700-normal.b40ed7a6c4733fbbac9f.woff2) format("woff2"),url(/static/media/space-grotesk-latin-ext-700-normal.60bdf4cbe6f46755f6fa.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/static/media/space-grotesk-latin-700-normal.a52417d5601294dd1e37.woff2) format("woff2"),url(/static/media/space-grotesk-latin-700-normal.a0b3e4b78f99d382a97d.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}