body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#0b0c10;--panel:#111217;--text:#e8e8ea;--muted:#a8a9b3;--primary:#6c5ce7;--primary-600:#5546e0;--border:#1f2130;--card:#151724;--header-h:64px}*{box-sizing:border-box}#root,body,html{height:100%}body,html{scroll-behavior:smooth;scroll-snap-type:y proximity}body{background-color:initial;color:#e8e8ea;color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6;margin:0}body:before{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0b0c10b8,#0d1018e0);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}.container{margin:0 auto;width:min(1100px,92%)}h1,h2,h3{line-height:1.2;margin:0 0 .6rem}h1{font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.6rem,3.2vw,2.2rem)}h3{font-size:1.125rem}p{color:#a8a9b3;color:var(--muted);margin:0 0 1rem}a{color:inherit;text-decoration:none}.muted{color:#a8a9b3;color:var(--muted)}.header{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0c1099;border-bottom:1px solid #1f2130;border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header__inner{align-items:center;display:flex;justify-content:space-between;min-height:64px;min-height:var(--header-h);padding:14px 0}.brand{font-weight:700;letter-spacing:.3px}.nav{align-items:center;display:flex;gap:16px}.nav a{border-radius:8px;color:#a8a9b3;color:var(--muted);padding:8px 10px}.nav a:hover{background:#ffffff0f}.btn,.nav a:hover{color:#e8e8ea;color:var(--text)}.btn{align-items:center;background:#151724;border:1px solid #1f2130;border:1px solid var(--border);border-radius:10px;display:inline-flex;gap:.5rem;justify-content:center;padding:10px 16px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn--primary{background:linear-gradient(135deg,#6c5ce7,#5546e0);background:linear-gradient(135deg,var(--primary),var(--primary-600));border-color:#0000;box-shadow:0 8px 30px #6c5ce740}.btn--sm{padding:8px 12px}.hero{align-items:center;background:radial-gradient(1200px 400px at 10% -10%,#6c5ce72e,#0000 60%),radial-gradient(1100px 400px at 100% 0,#5865f22e,#0000 60%);border-bottom:1px solid #1f2130;border-bottom:1px solid var(--border);display:flex;min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-h));padding:84px 0 64px;scroll-snap-align:start;scroll-snap-stop:normal}.hero__inner{text-align:center}.hero p{margin-inline:auto;max-width:720px}.actions{display:flex;gap:12px;justify-content:center;margin-top:16px}.badge{background:#ffffff0a;border:1px solid #1f2130;border:1px solid var(--border);border-radius:999px;color:#a8a9b3;color:var(--muted);display:inline-block;font-size:12px;margin-bottom:10px;padding:6px 10px}.section{padding:64px 0}.grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(2,1fr)}.grid.grid--3{grid-template-columns:repeat(3,1fr)}.card{background:#151724;background:var(--card);border:1px solid #1f2130;border:1px solid var(--border);border-radius:14px;padding:18px}.about__grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr);margin-top:16px}.project{background:#151724;background:var(--card);border:1px solid #1f2130;border:1px solid var(--border);border-radius:14px;overflow:hidden}.project__thumb{background:linear-gradient(135deg,#1f2030,#191b28);border-bottom:1px solid #1f2130;border-bottom:1px solid var(--border);height:140px;overflow:hidden}.project__meta{align-items:center;display:flex;justify-content:space-between;padding:14px 16px}.tag{border:1px solid #1f2130;border:1px solid var(--border);border-radius:999px;color:#a8a9b3;color:var(--muted);font-size:12px;padding:4px 8px}.about{position:relative}.about:before{background:radial-gradient(600px 200px at 10% 10%,#6c5ce72e,#0000 60%),radial-gradient(500px 180px at 90% 20%,#5865f224,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.about>.container{position:relative;z-index:1}#services,.about-services{position:relative}.about-services{scroll-snap-align:start}.about-services:before{background:radial-gradient(700px 260px at 10% 12%,#6c5ce729,#0000 60%),radial-gradient(650px 220px at 90% 28%,#5865f21f,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.about-services>.container{position:relative;z-index:1}.about-services .as__about{border-bottom:1px solid #1f2130;border-bottom:1px solid var(--border);margin-bottom:28px;padding-bottom:28px}#services:before{background:radial-gradient(600px 220px at 85% 10%,#6c5ce729,#0000 60%),radial-gradient(520px 200px at 15% 25%,#56ccf21a,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}#services>.container{position:relative;z-index:1}#services .card,.about .card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff24;box-shadow:0 8px 26px #0000002e,inset 0 1px 0 #ffffff0f;transition:border-color .2s ease,transform .2s ease}#services .card:hover,.about .card:hover{border-color:#6c5ce773;transform:translateY(-2px)}.form{grid-gap:12px;margin:0 auto;max-width:720px}.form,.form__row{display:grid;gap:12px}.form__row{grid-gap:12px;grid-template-columns:repeat(2,1fr)}.form input,.form textarea{background:#0f1118;border:1px solid #1f2130;border:1px solid var(--border);border-radius:12px;color:#e8e8ea;color:var(--text);outline:none;padding:12px 14px;width:100%}.form input:focus,.form textarea:focus{border-color:#6c5ce7;border-color:var(--primary);box-shadow:0 0 0 3px #6c5ce726}.footer{background:#0b0d13;border-top:1px solid #1f2130;border-top:1px solid var(--border)}.footer__inner{align-items:center;justify-content:space-between;overflow-x:auto;padding:18px 0;white-space:nowrap}.footer__inner,.footer__links{display:flex;flex-wrap:nowrap;gap:12px}.footer__inner p,.footer__links a{white-space:nowrap}.footer__inner p{margin:0}.footer__inner p,.footer__links a{align-items:center;display:inline-flex;line-height:1.6}.footer__inner::-webkit-scrollbar{height:6px}.footer__inner::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:999px}.footer__links a{color:#a8a9b3;color:var(--muted)}.footer__links a:hover{color:#e8e8ea;color:var(--text)}.gallery{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-top:16px}.gallery__item{aspect-ratio:4/3;background:#0000;border:none;border-radius:10px;cursor:zoom-in;overflow:hidden;padding:0;position:relative}.gallery__item img{display:block;height:100%;object-fit:cover;width:100%}.gallery__item--fallback{background:linear-gradient(135deg,#1f2030,#191b28);border:1px dashed #1f2130;border:1px dashed var(--border)}.lightbox{align-items:center;background:#000000d1;display:flex;inset:0;justify-content:center;position:fixed;z-index:2000}.lightbox__img{border-radius:12px;box-shadow:0 10px 40px #0000008c;max-height:86vh;max-width:92vw}.lightbox__close{background:#ffffff1a;border:none;border-radius:8px;font-size:28px;line-height:1;padding:6px 10px;right:18px;top:14px}.lightbox__close,.lightbox__nav{color:#fff;cursor:pointer;position:fixed}.lightbox__nav{background:#ffffff1f;border:none;border-radius:10px;font-size:40px;height:56px;top:50%;transform:translateY(-50%);width:44px}.lightbox__nav--prev{left:14px}.lightbox__nav--next{right:14px}@media (max-width:900px){.gallery{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.gallery{grid-template-columns:repeat(2,1fr)}}@media (max-width:900px){.about__grid,.grid.grid--3{grid-template-columns:1fr 1fr}}@media (max-width:640px){.nav{display:none}.about__grid,.form__row,.grid,.grid.grid--3{grid-template-columns:1fr}.hero{min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-h));padding-top:64px}}.zalo-fab{align-items:center;background:#0068ff;border-radius:999px;bottom:18px;box-shadow:0 10px 30px #0068ff59;color:#fff;display:inline-flex;gap:8px;padding:12px 14px;position:fixed;right:18px;z-index:1000}.zalo-fab:hover{transform:translateY(-2px)}.zalo-fab__label{font-weight:600}.section#projects{align-items:center;display:flex;min-height:calc(100vh - 64px);min-height:calc(100vh - var(--header-h));scroll-snap-align:start}.section#projects>.container{width:min(1100px,92%)}.section#projects .grid{margin-top:16px}.project-detail{display:flex;flex-direction:column;inset:0;position:fixed;z-index:1200}.pd__topbar{justify-content:space-between;padding:10px 0}.pd__body,.pd__topbar{align-items:center;display:flex;gap:12px}.pd__body{flex:1 1;justify-content:center}.pd__img{border-radius:12px;box-shadow:0 10px 40px #00000073;max-height:70vh;max-width:92vw}.pd__thumbs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:10px 0 16px}.pd__thumb{background:#0000;border:none;border-radius:8px;cursor:pointer;overflow:hidden;padding:0}.pd__thumb img{display:block;height:60px;object-fit:cover;opacity:.7;width:80px}.pd__thumb--active img,.pd__thumb:hover img{opacity:1;outline:2px solid #6c5ce7;outline:2px solid var(--primary)}
/*# sourceMappingURL=main.5fb00d71.css.map*/