@import"https://fonts.googleapis.com/css2?family=Kode+Mono:wght@400..700&display=swap";.home-root{height:100vh;width:100%;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y proximity;-webkit-overflow-scrolling:touch}.page-section{height:100vh;display:flex;align-items:center;justify-content:center;padding:92px 28px;scroll-snap-align:start}.page-center{text-align:center}.intro-inner{max-width:880px}.intro-title{font-size:clamp(28px,6vw,56px);margin:0 0 12px}.intro-sub{color:#dce6ffbf;margin:0 0 18px}.card{max-width:880px;background:#0608103d;padding:28px;border-radius:12px}.card h2{margin:0 0 10px}.card p{margin:0;color:#c8dcffc7}.pop{opacity:0;transform:none;transition:opacity .36s ease;will-change:opacity}.page-section.is-visible .pop,.reveal.is-visible .pop{opacity:1}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:5}.overlay-item{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(88vw,980px);text-align:center;opacity:0;pointer-events:none}.overlay-title{font-size:clamp(28px,6vw,56px);margin:0 0 12px}.overlay-body{margin:0;color:#dce6ffc7}.overlay-item a,.contact-links{pointer-events:auto}.contact-links a{cursor:pointer}.contact-links{margin-top:10px;display:inline-flex;gap:8px;align-items:center;justify-content:center}.contact-links a{color:#a0c8fffa;text-decoration:underline;font-weight:600}.contact-links span{opacity:.6}.card{min-height:40vh;background:transparent;box-shadow:none}.indicators{position:absolute;right:18px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:10px;pointer-events:none}.indicator-dot{width:8px;height:8px;border-radius:999px;background:#dce6ff99;opacity:.3;transition:opacity .18s ease}.progress-bar{position:fixed;left:12px;top:20%;width:3px;height:60%;background:#ffffff08;border-radius:2px}.progress-fill{width:100%;background:linear-gradient(180deg,#50a0ffe6,#143ca0e6);height:0%;border-radius:2px;transition:height .12s linear}.home-root::-webkit-scrollbar{width:0;height:0}.home-root{-ms-overflow-style:none;scrollbar-width:none}@media (max-width:720px){.intro-title{font-size:32px}.page-section{padding:64px 18px}}.portfolio-root{padding:40px 28px 120px;color:inherit}.portfolio-hero{text-align:center;margin-bottom:28px}.portfolio-title{font-size:44px;letter-spacing:.06em;margin:0 0 6px}.portfolio-sub{margin:0;color:#dce6ff99}.xmb-wrapper{display:flex;justify-content:center;margin:18px 0 28px;overflow:hidden}.xmb-row{display:flex;gap:18px;overflow-x:auto;padding:12px 8px;scroll-behavior:smooth}.xmb-item{min-width:140px;width:140px;height:140px;border-radius:14px;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#060a125c;color:#eaf3ff;cursor:pointer;padding:12px}.xmb-item.is-active{transform:translateY(-8px) scale(1.04);box-shadow:0 18px 40px #0a1e5073}.xmb-icon{width:56px;height:56px;border-radius:10px;margin-bottom:8px;box-shadow:inset 0 -8px #0000001f}.xmb-label{font-size:14px;text-align:center}.portfolio-preview{display:flex;justify-content:center}.preview-card{width:min(760px,calc(100% - 48px));background:#06081099;border-radius:12px;padding:28px;box-shadow:0 12px 40px #0009;color:#eaf3ff}.preview-card h2{margin:0 0 6px;font-size:28px}.preview-tag{margin:0 0 12px;color:#c8dcffb3}.preview-desc{margin:0 0 18px;color:#c8dcffb8}.preview-actions{display:flex;gap:10px}.btn-primary{background:linear-gradient(180deg,#2f63c7,#1f4aa8);color:#fff;border:none;padding:8px 14px;border-radius:8px}.btn-ghost{background:transparent;color:#dce6ffe6;border:1px solid rgba(220,230,255,.06);padding:8px 14px;border-radius:8px}@media (max-width: 720px){.xmb-item{min-width:120px;width:120px;height:120px}.portfolio-title{font-size:32px}.preview-card{padding:18px}}.project-detail{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;align-items:center;justify-content:center}.project-detail__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#02040ab3;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.project-detail__card{position:relative;z-index:41;width:min(880px,calc(100% - 48px));max-height:calc(100vh - 80px);overflow:auto;background:linear-gradient(180deg,#060812e6,#080a14f2);padding:22px;border-radius:12px;box-shadow:0 28px 80px #000000b3;color:#eaf3ff}.project-detail__close{position:absolute;right:12px;top:12px;background:transparent;border:none;color:#dce6ffe6;font-size:18px;cursor:pointer}.project-detail__media img{width:100%;height:220px;object-fit:cover;border-radius:8px;margin-bottom:12px}.title{text-align:center;margin-top:8rem;font-size:3rem;color:#fff}.contactCard{position:relative}.contactCard img{border-radius:2rem;width:15%}.accessLinks{text-align:center;margin-top:1rem;display:grid;grid-template-columns:4rem 4rem 4rem 4rem;grid-column-gap:10px;grid-row-gap:10px;justify-content:center;height:4rem}.accessLinks div{border-radius:1rem;background-color:#282346;transition:.25s}.accessLinks div img{width:2rem;margin-top:1rem}.accessLinks div:hover{transition:.25s;background-color:#1e193c;box-shadow:inset 0 3px 5px #0f0f1e}.title,#root{text-align:center}button{margin:2rem;padding:10px;border:none;border-radius:5px}.title{text-align:center}*{box-sizing:border-box}html,body,#root{min-height:100%}html{background:#010307}body{font-family:Kode Mono,monospace;font-size:18px;line-height:1.5;color:#e8f1ffeb;background:radial-gradient(circle at 50% 12%,rgba(56,103,214,.16),transparent 26%),radial-gradient(circle at 20% 25%,rgba(28,77,186,.14),transparent 28%),radial-gradient(circle at 78% 72%,rgba(18,56,132,.1),transparent 24%),linear-gradient(180deg,#040a16,#02050c 60%,#000104);margin:0;padding:0;overflow:hidden}a{color:inherit}img{max-width:100%;display:block}#root{position:relative;isolation:isolate}.app-shell{position:relative;z-index:1;min-height:100vh}.site-header{position:fixed;top:0;left:0;right:0;z-index:6;background:#06080c26}.site-header__inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.site-logo{font-weight:700;letter-spacing:1px}.site-nav a{margin-left:18px;color:#dce6ffe6;text-decoration:none}.site-nav a:hover{text-decoration:underline}.ascii-smoke-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none}.ascii-smoke-bg__canvas{width:100%;height:100%;display:block;filter:saturate(1.15) contrast(1.02);opacity:1;will-change:transform,opacity}.ascii-smoke-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 50%,transparent 0 32%,rgba(2,4,10,.12) 68%,rgba(2,4,10,.38) 100%),linear-gradient(180deg,rgba(255,255,255,.02),transparent 24%,rgba(0,0,0,.18));mix-blend-mode:soft-light}