:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media(prefers-color-scheme:dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{font-weight:400}body{margin:0;padding:0}a{text-decoration:none;transition:.3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#faf8f5}::-webkit-scrollbar-thumb{background:tan;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#8b6f47}body{background:#fff}.blog-header[data-v-c2cd49fc]{background:#fff;border-bottom:1px solid #E8E0D6;padding:1.5rem 0;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.header-content[data-v-c2cd49fc]{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo-link[data-v-c2cd49fc]{text-decoration:none;color:var(--color-heading)}.site-title[data-v-c2cd49fc]{font-size:1.8rem;font-weight:700;margin:0;color:#6f4e37}.main-nav[data-v-c2cd49fc]{display:flex;gap:2rem}.nav-link[data-v-c2cd49fc]{text-decoration:none;color:#5d4037;font-weight:500;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease}.nav-link[data-v-c2cd49fc]:hover{background:#f5e6d3;color:#6f4e37}.nav-link.router-link-active[data-v-c2cd49fc]{color:#6f4e37;background:#f5e6d3}@media(max-width:768px){.header-content[data-v-c2cd49fc]{flex-direction:column;gap:1rem}.site-title[data-v-c2cd49fc]{font-size:1.5rem}.main-nav[data-v-c2cd49fc]{gap:1rem}}.blog-footer[data-v-ed64b1cb]{background:#faf8f5;border-top:1px solid #E8E0D6;padding:3rem 2rem;text-align:center;color:#5d4037;margin-top:4rem}.footer-content[data-v-ed64b1cb]{max-width:1200px;margin:0 auto}.footer-divider[data-v-ed64b1cb]{width:60px;height:2px;background:linear-gradient(90deg,transparent,#D7CCC8,transparent);margin:0 auto 2rem}.footer-info[data-v-ed64b1cb]{display:flex;flex-direction:column;gap:.75rem}.copyright[data-v-ed64b1cb]{font-size:.95rem;color:#5d4037;display:flex;align-items:center;justify-content:center;gap:.5rem;flex-wrap:wrap;font-weight:500}.copyright-symbol[data-v-ed64b1cb]{font-size:1.1rem;opacity:.8}.copyright-year[data-v-ed64b1cb]{font-weight:600;color:#3e2723}.copyright-name[data-v-ed64b1cb]{font-weight:600;color:#3e2723;position:relative;padding:0 .5rem}.copyright-name[data-v-ed64b1cb]:before,.copyright-name[data-v-ed64b1cb]:after{content:"•";opacity:.5;margin:0 .25rem}.copyright-text[data-v-ed64b1cb]{font-size:.85rem;opacity:.7;font-weight:400;font-style:italic}.footer-subtitle[data-v-ed64b1cb]{font-size:.85rem;color:#8d6e63;opacity:.8;margin-top:.5rem;font-weight:400}@keyframes heartbeat-ed64b1cb{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media(max-width:768px){.blog-footer[data-v-ed64b1cb]{padding:2rem 1rem}.copyright[data-v-ed64b1cb]{font-size:.85rem;gap:.35rem}.copyright-text[data-v-ed64b1cb]{font-size:.75rem}.footer-subtitle[data-v-ed64b1cb]{font-size:.8rem}}.app-container[data-v-12c0bdaf]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-12c0bdaf]{flex:1;max-width:1200px;width:100%;margin:0 auto;padding:2rem}@media(max-width:768px){.main-content[data-v-12c0bdaf]{padding:1rem}}.home-view{width:100%}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.hero-section{padding:6rem 2rem 8rem;background:#fff;position:relative;overflow:hidden}.hero-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#E8E0D6 50%,transparent)}.animated-background{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden}.gradient-sphere{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:sphere-drift 30s infinite ease-in-out}.sphere-1{width:400px;height:400px;background:radial-gradient(circle at 30% 30%,rgba(111,78,55,.4),rgba(139,69,19,.2),transparent);top:-10%;left:-5%;animation-delay:0s}.sphere-2{width:350px;height:350px;background:radial-gradient(circle at 70% 70%,rgba(139,69,19,.35),rgba(111,78,55,.15),transparent);bottom:-10%;right:-5%;animation-delay:10s}.sphere-3{width:300px;height:300px;background:radial-gradient(circle at 50% 50%,rgba(111,78,55,.3),transparent);top:50%;left:50%;transform:translate(-50%,-50%);animation-delay:5s}@keyframes sphere-drift{0%,to{transform:translate(0) scale(1);opacity:.12}25%{transform:translate(60px,-40px) scale(1.15);opacity:.15}50%{transform:translate(-40px,50px) scale(.9);opacity:.1}75%{transform:translate(50px,30px) scale(1.05);opacity:.13}}.geometric-line{position:absolute;background:linear-gradient(90deg,transparent,rgba(111,78,55,.08),transparent);opacity:.6;animation:line-sweep 20s infinite ease-in-out}.line-1{width:200px;height:2px;top:25%;left:10%;transform:rotate(15deg);animation-delay:0s;--rotation: 15deg}.line-2{width:180px;height:1.5px;bottom:30%;right:15%;transform:rotate(-20deg);animation-delay:7s;--rotation: -20deg}.line-3{width:150px;height:2px;top:60%;left:20%;transform:rotate(45deg);animation-delay:3.5s;--rotation: 45deg}@keyframes line-sweep{0%,to{transform:translate(0) translateY(0) rotate(var(--rotation, 0deg));opacity:.6}50%{transform:translate(50px) translateY(-30px) rotate(calc(var(--rotation, 0deg) + 10deg));opacity:.3}}.light-beam{position:absolute;width:1px;height:300px;background:linear-gradient(180deg,transparent 0%,rgba(111,78,55,.15) 20%,rgba(111,78,55,.25) 50%,rgba(111,78,55,.15) 80%,transparent 100%);opacity:.4;filter:blur(1px);animation:beam-rotate 25s infinite linear}.beam-1{top:20%;left:20%;animation-delay:0s;transform-origin:center center}.beam-2{bottom:25%;right:25%;animation-delay:12.5s;transform-origin:center center}@keyframes beam-rotate{0%{transform:rotate(0) scaleY(1);opacity:.4}25%{transform:rotate(90deg) scaleY(1.2);opacity:.5}50%{transform:rotate(180deg) scaleY(1);opacity:.3}75%{transform:rotate(270deg) scaleY(1.1);opacity:.45}to{transform:rotate(360deg) scaleY(1);opacity:.4}}.ripple-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.ripple{position:absolute;border-radius:50%;border:2px solid rgba(111,78,55,.25);opacity:0;filter:blur(.8px);box-shadow:0 0 3px #6f4e371f}.ripple-1{top:65%;left:12%;animation:ripple-natural-1 3.5s infinite ease-out;animation-delay:0s}.ripple-2{top:72%;left:28%;animation:ripple-natural-2 4s infinite ease-out;animation-delay:1.2s}.ripple-3{top:68%;left:45%;animation:ripple-natural-3 3.8s infinite ease-out;animation-delay:2.5s}.ripple-4{top:75%;left:18%;animation:ripple-natural-1 4.2s infinite ease-out;animation-delay:3.8s}.ripple-5{top:70%;left:62%;animation:ripple-natural-2 3.6s infinite ease-out;animation-delay:5.1s}.ripple-6{top:73%;left:78%;animation:ripple-natural-3 4.1s infinite ease-out;animation-delay:1.7s}.ripple-7{top:67%;left:35%;animation:ripple-natural-1 3.9s infinite ease-out;animation-delay:4.3s}.ripple-8{top:71%;left:55%;animation:ripple-natural-2 4.3s infinite ease-out;animation-delay:2.9s}.ripple-9{top:69%;left:88%;animation:ripple-natural-3 3.7s infinite ease-out;animation-delay:6.2s}.ripple-10{top:74%;left:5%;animation:ripple-natural-1 4.4s infinite ease-out;animation-delay:.8s}.ripple-11{top:66%;left:52%;animation:ripple-natural-2 3.5s infinite ease-out;animation-delay:3.4s}.ripple-12{top:76%;left:95%;animation:ripple-natural-3 4s infinite ease-out;animation-delay:5.6s}@keyframes ripple-natural-1{0%{width:0;height:0;opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:.42}40%{opacity:.28}70%{opacity:.15}to{width:180px;height:175px;opacity:0;transform:translate(-50%,-50%) scale(1.05)}}@keyframes ripple-natural-2{0%{width:0;height:0;opacity:0;transform:translate(-50%,-50%) scale(.9)}8%{opacity:.38}35%{opacity:.25}65%{opacity:.12}to{width:220px;height:210px;opacity:0;transform:translate(-50%,-50%) scale(1.02)}}@keyframes ripple-natural-3{0%{width:0;height:0;opacity:0;transform:translate(-50%,-50%) scale(.85)}12%{opacity:.45}45%{opacity:.28}75%{opacity:.16}to{width:160px;height:155px;opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.hero-content{max-width:900px;margin:0 auto;display:flex;align-items:center;gap:3rem;position:relative;z-index:1}.profile-wrapper{flex-shrink:0}.profile-image-container{width:180px;height:180px;border-radius:50%;overflow:hidden;border:4px solid #ffffff;box-shadow:0 8px 32px #6f4e3726;transition:transform .3s ease}.profile-image-container:hover{transform:scale(1.05)}.profile-image{width:100%;height:100%;object-fit:cover}.profile-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#6f4e37,#8b4513);display:flex;align-items:center;justify-content:center}.profile-icon{font-size:4rem;opacity:.9}.hero-text{flex:1;animation:fadeInUp .8s ease-out;text-align:left}.hero-title{font-size:3.5rem;font-weight:800;margin-bottom:1.5rem;color:#6f4e37;letter-spacing:-.02em;line-height:1.1}.hero-subtitle{font-size:1.25rem;font-weight:400;color:#5d4037;margin-bottom:1rem;line-height:1.7}.hero-description{font-size:1.125rem;color:#6f4e37;font-weight:500;font-style:italic;margin-top:.5rem}.projects-section{padding:8rem 0;background:#fff}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;font-weight:700;color:#6f4e37;margin-bottom:.75rem;letter-spacing:-.02em}.section-subtitle{font-size:1.125rem;color:#8b7355;font-weight:400}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:2rem}.project-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;box-shadow:0 2px 8px #0000000a}.project-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000001f;border-color:#d0d0d0}.project-header{position:relative;height:200px;overflow:hidden}.project-number{position:absolute;top:1.5rem;left:1.5rem;font-size:4rem;font-weight:800;color:#ffffff26;z-index:1;line-height:1}.project-image{width:100%;height:100%;background:var(--project-gradient);transition:transform .5s ease}.project-card:hover .project-image{transform:scale(1.1)}.project-body{padding:2rem;flex:1;display:flex;flex-direction:column}.project-title{font-size:1.5rem;font-weight:700;color:#1a1a1a;margin-bottom:.75rem;letter-spacing:-.01em}.project-description{font-size:1rem;color:#6b6b6b;line-height:1.6;margin-bottom:1.5rem;flex:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{font-size:.875rem;padding:.375rem .875rem;background:#f5f5f5;color:#4a4a4a;border-radius:6px;font-weight:500;transition:all .2s ease}.project-card:hover .tech-tag{background:#eaeaea}.playground-section{padding:6rem 0;background:#fff;position:relative}.playground-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#E8E0D6 50%,transparent)}.playground-card{display:block;background:linear-gradient(135deg,#6f4e37,#8b4513,#6f4e37);background-size:200% 200%;border-radius:24px;padding:0;text-decoration:none;color:inherit;transition:all .5s cubic-bezier(.4,0,.2,1);box-shadow:0 8px 32px #6f4e3740;position:relative;overflow:hidden;min-height:200px;animation:gradient-shift 8s ease infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.playground-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 60px #6f4e3759}.playground-background{position:absolute;inset:0;background:radial-gradient(circle at 20% 30%,rgba(255,255,255,.15) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity .5s ease}.playground-card:hover .playground-background{opacity:1}.playground-content{display:flex;align-items:center;gap:3rem;padding:3.5rem 4rem;position:relative;z-index:2}.playground-icon-wrapper{flex-shrink:0;width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1)}.playground-icon-bg{position:absolute;width:100%;height:100%;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:2px solid rgba(255,255,255,.3);transition:all .5s ease;box-shadow:0 8px 24px #00000026}.playground-card:hover .playground-icon-bg{background:#ffffff4d;transform:rotate(5deg) scale(1.1);box-shadow:0 12px 32px #00000040}.playground-icon{font-size:3.5rem;transition:all .5s cubic-bezier(.4,0,.2,1);position:relative;z-index:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.2))}.playground-card:hover .playground-icon{transform:scale(1.15) rotate(-5deg)}.playground-text{flex:1}.playground-label{display:inline-block;font-size:.875rem;font-weight:600;color:#fffc;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.75rem;padding:.375rem 1rem;background:#ffffff26;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.playground-card:hover .playground-label{background:#ffffff40;transform:translateY(-2px)}.playground-title{font-size:2.5rem;font-weight:700;margin-bottom:.75rem;letter-spacing:-.02em;color:#fff;transition:all .3s ease;text-shadow:0 2px 8px rgba(0,0,0,.2)}.playground-card:hover .playground-title{transform:translate(4px)}.playground-description{font-size:1.125rem;color:#ffffffe6;font-weight:400;transition:all .3s ease;line-height:1.7;text-shadow:0 1px 4px rgba(0,0,0,.15)}.playground-arrow{flex-shrink:0;width:64px;height:64px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.4,0,.2,1);color:#fff;border:2px solid rgba(255,255,255,.3);box-shadow:0 4px 16px #00000026}.playground-card:hover .playground-arrow{transform:translate(8px) scale(1.1);background:#ffffff4d;box-shadow:0 8px 24px #00000040}.playground-decoration{position:absolute;inset:0;pointer-events:none;z-index:1}.decoration-dot{position:absolute;width:8px;height:8px;background:#fff6;border-radius:50%;animation:float 4s ease-in-out infinite}.dot-1{top:20%;left:10%;animation-delay:0s}.dot-2{top:60%;right:15%;animation-delay:1.5s}.dot-3{bottom:25%;left:20%;animation-delay:3s}@keyframes float{0%,to{transform:translateY(0) scale(1);opacity:.4}50%{transform:translateY(-20px) scale(1.2);opacity:.7}}.social-section{padding:8rem 0;background:#fff}.social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:900px;margin:0 auto}.social-card{background:#fff;border:1px solid #E8E0D6;border-radius:12px;padding:2rem;text-decoration:none;color:inherit;display:flex;flex-direction:column;align-items:center;gap:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.social-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--social-color);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.social-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #6f4e3726;border-color:var(--social-color)}.social-card:hover:before{transform:scaleX(1)}.social-icon{font-size:2.5rem;transition:transform .3s ease}.social-card:hover .social-icon{transform:scale(1.1)}.social-name{font-size:1rem;font-weight:600;color:#5d4037;transition:color .3s ease}.social-card:hover .social-name{color:var(--social-color)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.container{padding:0 1.5rem}.hero-section{padding:4rem 1.5rem 6rem}.gradient-sphere{filter:blur(50px);opacity:.08}.sphere-1,.sphere-2,.sphere-3{width:250px;height:250px}.geometric-line{opacity:.4}.line-1,.line-2,.line-3{width:120px}.light-beam{height:200px;opacity:.3}.hero-content{flex-direction:column;text-align:center;gap:2rem}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.125rem}.profile-image-container{width:150px;height:150px;margin:0 auto}.projects-section,.social-section{padding:4rem 0}.projects-grid{grid-template-columns:1fr;gap:1.5rem}.playground-section{padding:4rem 0}.playground-card{min-height:180px}.playground-content{padding:2.5rem 2rem;gap:2rem}.playground-icon-wrapper{width:80px;height:80px}.playground-icon{font-size:2.5rem}.playground-label{font-size:.75rem;padding:.25rem .75rem}.playground-title{font-size:1.875rem}.playground-description{font-size:1rem}.playground-arrow{width:56px;height:56px}.social-grid{grid-template-columns:repeat(2,1fr)}.section-title{font-size:2rem}}@media(max-width:480px){.gradient-sphere{filter:blur(35px);opacity:.06}.sphere-1,.sphere-2,.sphere-3{width:180px;height:180px}.geometric-line{opacity:.3}.line-1,.line-2,.line-3{width:100px;height:1px}.light-beam{height:150px;opacity:.25}.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.profile-image-container{width:120px;height:120px}.social-grid{grid-template-columns:1fr}.playground-card{min-height:160px}.playground-content{padding:2rem 1.5rem;flex-direction:column;text-align:center;gap:1.5rem}.playground-icon-wrapper{width:70px;height:70px}.playground-icon{font-size:2.25rem}.playground-label{font-size:.75rem;padding:.25rem .75rem}.playground-title{font-size:1.625rem}.playground-description{font-size:.9375rem}.playground-arrow{width:48px;height:48px}}