:root{--bg-color: #111111;--text-main: #fafafa;--text-secondary: #a0a0a0;--container-width: 1200px;--font-family: "Inter", sans-serif;--transition: all .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}ul{list-style:none}.header{position:fixed;top:1.5rem;left:50%;transform:translate(-50%);width:calc(100% - 2rem);max-width:150px;padding:.65rem 1.25rem;background:#141414bf;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border:1px solid rgba(255,255,255,.1);border-radius:9999px;z-index:1000;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff14;transition:max-width .5s cubic-bezier(.16,1,.3,1),padding .5s cubic-bezier(.16,1,.3,1),background .5s cubic-bezier(.16,1,.3,1),border-color .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.header:hover,.header:focus-within{max-width:620px;padding:.75rem 1.75rem;border-color:#fff3;background:#141414e6;box-shadow:0 16px 40px -10px #000c,inset 0 1px #ffffff26}.nav{width:100%;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.logo{font-weight:600;font-size:1.15rem;letter-spacing:-.02em;position:relative;display:flex;align-items:center;white-space:nowrap;text-align:center;margin:0 auto;transition:margin .5s cubic-bezier(.16,1,.3,1)}.logo:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-4px;left:0;background-color:var(--text-main);transform-origin:bottom right;transition:transform .35s cubic-bezier(.16,1,.3,1)}.logo:hover:after{transform:scaleX(1);transform-origin:bottom left}.header:hover .logo,.header:focus-within .logo{margin:0}.nav-links{display:flex;gap:2rem;align-items:center;opacity:0;max-width:0;overflow:hidden;white-space:nowrap;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1),max-width .5s cubic-bezier(.16,1,.3,1)}.header:hover .nav-links,.header:focus-within .nav-links{opacity:1;max-width:350px;pointer-events:auto}.nav-links a{font-size:.9rem;color:var(--text-secondary);transition:color .2s ease}.nav-links a:hover{color:var(--text-main)}main{padding:0 5%;max-width:var(--container-width);margin:0 auto}.hero{position:relative;height:90vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;overflow:hidden}.hero-canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.hero-canvas{width:100%;height:100%;display:block}.hero-content{position:relative;z-index:2;pointer-events:auto}.hero-title{font-size:clamp(2.5rem,5vw,4.5rem);line-height:1.1;font-weight:600;margin-bottom:1.5rem;letter-spacing:-.03em}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2rem;max-width:500px}.btn-primary{display:inline-block;padding:1rem 2rem;border:1px solid var(--text-main);border-radius:50px;transition:var(--transition);font-size:.9rem}.btn-primary:hover{background:var(--text-main);color:var(--bg-color)}.section{padding:6rem 0}.section-header{margin-bottom:3rem}.section h2{font-size:2rem;font-weight:500;letter-spacing:-.02em}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem}.about-text{font-size:1.5rem;max-width:800px;line-height:1.4;font-weight:200}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:3rem}.tech-category h3{font-size:1.2rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid #333;color:var(--text-main);letter-spacing:-.02em}.tech-list{display:flex;flex-direction:column;gap:1.5rem}.tech-item h4{font-size:1rem;font-weight:500;color:var(--text-main)}.tech-item p{font-size:.85rem;color:var(--text-secondary);margin-top:.3rem;line-height:1.4}.link-styled{font-size:2rem;text-decoration:underline;text-underline-offset:6px;transition:var(--transition)}.link-styled:hover{opacity:.7}.footer{padding:2rem 5%;border-top:1px solid #333;text-align:center;font-size:.8rem;color:var(--text-secondary)}@media(max-width:768px){.hero-title{font-size:2.5rem}.about-text{font-size:1.2rem}.header{top:1rem;padding:.6rem 1.2rem;width:calc(100% - 1.5rem)}.nav-links{gap:1.2rem}}.fade-up{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.visible{opacity:1;transform:translateY(0)}.skeleton-card{pointer-events:none;border-color:#ffffff08!important}.skeleton-image{background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:skeleton-loading 1.6s infinite ease-in-out}.skeleton-title{height:1.8rem;width:60%;border-radius:4px;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:skeleton-loading 1.6s infinite ease-in-out;margin-bottom:.8rem}.skeleton-text{height:.95rem;width:90%;border-radius:4px;background:linear-gradient(90deg,#ffffff05 25%,#ffffff0f,#ffffff05 75%);background-size:200% 100%;animation:skeleton-loading 1.6s infinite ease-in-out;margin-bottom:.5rem}.skeleton-text.short{width:50%;margin-bottom:1.5rem}.skeleton-tag{width:60px;height:1.2rem;background:#ffffff08!important;border-radius:50px;display:inline-block}.skeleton-button{width:90px;height:2rem;border-radius:6px;background:#ffffff08}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.tag{background:#ffffff14;border:1px solid rgba(255,255,255,.1);padding:.22rem .65rem;border-radius:50px;font-size:.76rem;color:var(--text-secondary);display:inline-flex;align-items:center;transition:all .2s ease}.tag-lang{background:#ffffff29!important;border:1px solid rgba(255,255,255,.28)!important;color:#fff!important;font-weight:600!important;box-shadow:0 0 10px #ffffff0f}.pagination-container{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:3.5rem;padding:.5rem .75rem;background:#ffffff08;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:9999px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.page-btn{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9999px;color:var(--text-main);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-btn svg{transition:transform .3s ease}.page-btn:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:#fff}.page-btn#prev-page:hover:not(:disabled) svg{transform:translate(-3px)}.page-btn#next-page:hover:not(:disabled) svg{transform:translate(3px)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-numbers{display:flex;align-items:center;gap:1.25rem;padding:0 .75rem}.num-btn{position:relative;background:transparent!important;border:none!important;outline:none!important;color:#fff6!important;font-size:.9rem!important;font-weight:600!important;font-family:monospace,var(--font-family)!important;letter-spacing:.08em!important;cursor:pointer;padding:.4rem .25rem!important;transition:color .3s ease!important;box-shadow:none!important;border-radius:0!important;height:auto!important;min-width:auto!important}.num-btn:hover:not(.active){color:#ffffffd9!important}.num-btn:after{content:"";position:absolute;bottom:-3px;left:0;width:100%;height:2px;background:#00add8;box-shadow:0 0 10px #00add8e6;border-radius:2px;transform:scaleX(0);transition:transform .35s cubic-bezier(.16,1,.3,1),opacity .35s ease;opacity:0}.num-btn.active{color:#fff!important;font-weight:700!important}.num-btn.active:after{transform:scaleX(1);opacity:1}.project-grid[data-astro-cid-wkx7uqji]{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;min-height:480px;align-content:start}@media(max-width:1024px){.project-grid[data-astro-cid-wkx7uqji]{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.project-grid[data-astro-cid-wkx7uqji]{grid-template-columns:1fr}}.project-card[data-astro-cid-wkx7uqji]{cursor:pointer;background:#ffffff05;border:1px solid rgba(255,255,255,.05);border-radius:12px;overflow:hidden;transition:transform .3s ease,border-color .3s ease,opacity .3s ease;display:flex;flex-direction:column;height:100%;min-height:440px}.project-card[data-astro-cid-wkx7uqji]:hover{transform:translateY(-5px);border-color:#ffffff26}.project-image[data-astro-cid-wkx7uqji]{width:100%;aspect-ratio:16/9;position:relative;overflow:hidden}.bg-cyan[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#005a78,#00add8)}.bg-blue[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#1b4573,#3178c6)}.bg-yellow[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#8a7000,#ffd43b)}.bg-purple[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#4c1d95,#8b5cf6)}.bg-amber[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#7c3a00,#f59e0b)}.bg-default[data-astro-cid-wkx7uqji]{background:linear-gradient(135deg,#333,#555)}.project-info[data-astro-cid-wkx7uqji]{padding:1.5rem;display:flex;flex-direction:column;flex:1}.project-info[data-astro-cid-wkx7uqji] h3[data-astro-cid-wkx7uqji]{font-size:1.4rem;font-weight:700;margin-bottom:.5rem;color:var(--text-main)}.project-info[data-astro-cid-wkx7uqji] p[data-astro-cid-wkx7uqji].desc{font-size:.92rem;color:var(--text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1rem;line-height:1.5;min-height:4.1rem}.project-tags[data-astro-cid-wkx7uqji]{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:auto}.modal-tags[data-astro-cid-wkx7uqji]{margin-top:1rem}.tag[data-astro-cid-wkx7uqji]{background:#ffffff14;padding:.2rem .6rem;border-radius:50px;font-size:.75rem;color:var(--text-secondary)}.tag-lang[data-astro-cid-wkx7uqji]{background:#ffffff2e;color:var(--text-main);font-weight:600}.project-links[data-astro-cid-wkx7uqji]{display:flex;gap:.75rem;margin-top:1.5rem}.btn-link[data-astro-cid-wkx7uqji]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#ffffff0d;border-radius:6px;font-size:.85rem;transition:background .2s ease,color .2s ease;border:1px solid rgba(255,255,255,.1);color:var(--text-main)}.btn-link[data-astro-cid-wkx7uqji]:hover{background:#ffffff1a}.icon[data-astro-cid-wkx7uqji]{width:16px;height:16px;display:flex;align-items:center;justify-content:center}.icon[data-astro-cid-wkx7uqji] svg[data-astro-cid-wkx7uqji]{width:100%;height:100%;fill:currentColor}.pagination-container[data-astro-cid-wkx7uqji]{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-top:3.5rem;padding:.5rem .75rem;background:#ffffff08;backdrop-filter:blur(12px) saturate(180%);-webkit-backdrop-filter:blur(12px) saturate(180%);border:1px solid rgba(255,255,255,.08);border-radius:9999px;width:fit-content;margin-left:auto;margin-right:auto;box-shadow:0 10px 30px -10px #00000080,inset 0 1px #ffffff0d}.page-btn[data-astro-cid-wkx7uqji]{display:flex;align-items:center;gap:.4rem;padding:.5rem 1rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:9999px;color:var(--text-main);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.page-btn[data-astro-cid-wkx7uqji] svg[data-astro-cid-wkx7uqji]{transition:transform .3s ease}.page-btn[data-astro-cid-wkx7uqji]:hover:not(:disabled){background:#ffffff1f;border-color:#fff3;color:#fff}.page-btn[data-astro-cid-wkx7uqji]#prev-page:hover:not(:disabled) svg[data-astro-cid-wkx7uqji]{transform:translate(-3px)}.page-btn[data-astro-cid-wkx7uqji]#next-page:hover:not(:disabled) svg[data-astro-cid-wkx7uqji]{transform:translate(3px)}.page-btn[data-astro-cid-wkx7uqji]:disabled{opacity:.3;cursor:not-allowed}.page-numbers[data-astro-cid-wkx7uqji]{display:flex;align-items:center;gap:.35rem;padding:.25rem .35rem;background:#00000059;border:1px solid rgba(255,255,255,.06);border-radius:9999px}.num-btn[data-astro-cid-wkx7uqji]{height:2.1rem;padding:0 .85rem;display:flex;align-items:center;justify-content:center;background:#dbcb90;border:1px solid transparent;border-radius:9999px;color:var(--text-secondary);font-size:3rem;font-weight:600;letter-spacing:.04em;cursor:pointer;transition:all .3s cubic-bezier(.16,1,.3,1)}.num-btn[data-astro-cid-wkx7uqji]:hover:not(.active){color:var(--text-main);background:#ffffff14}.num-btn[data-astro-cid-wkx7uqji].active{background:#ffffff26;border-color:#ffffff40;color:#fff;font-weight:700;box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff40}.modal-overlay[data-astro-cid-wkx7uqji]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;backdrop-filter:blur(5px);z-index:1000;display:flex;justify-content:center;align-items:center;padding:2rem;opacity:1;transition:opacity .3s ease}.modal-overlay[data-astro-cid-wkx7uqji].hidden{opacity:0;pointer-events:none}.modal-content[data-astro-cid-wkx7uqji]{background:var(--bg-color);width:100%;max-width:800px;border-radius:12px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;max-height:90vh}.close-btn[data-astro-cid-wkx7uqji]{position:absolute;top:1rem;right:1rem;background:#0009;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.2);color:#fff;width:2.5rem;height:2.5rem;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:100;transition:all .2s ease}.close-btn[data-astro-cid-wkx7uqji] svg[data-astro-cid-wkx7uqji]{width:20px;height:20px}.close-btn[data-astro-cid-wkx7uqji]:hover{background:#000000e6;transform:scale(1.05)}.modal-image[data-astro-cid-wkx7uqji]{width:100%;aspect-ratio:16/9}.modal-body[data-astro-cid-wkx7uqji]{padding:2rem;overflow-y:auto}.modal-body[data-astro-cid-wkx7uqji] h3[data-astro-cid-wkx7uqji]{font-size:2rem;font-weight:700;margin-bottom:1rem}.modal-body[data-astro-cid-wkx7uqji] p[data-astro-cid-wkx7uqji]{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6;font-size:1.05rem}.hidden[data-astro-cid-wkx7uqji]{display:none!important}