:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.photo-img[data-v-93e58284]{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.page[data-v-93e58284]{min-height:100vh;padding:2rem;box-sizing:border-box;display:flex;flex-direction:column;gap:1.5rem;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background:#020617;color:#e5e7eb}.top-layout[data-v-93e58284]{display:grid;grid-template-columns:30% 70%;gap:.75rem;align-items:start}.photo-column[data-v-93e58284]{display:block}.photo-stack[data-v-93e58284]{position:relative;height:auto;min-height:360px;overflow:hidden;display:flex;flex-direction:column;gap:5px}.photo-container[data-v-93e58284]{background:#020617;padding-top:1.2rem;padding-bottom:1.2rem;border-radius:1.25rem;width:100%;height:280px;display:flex;align-items:end;justify-content:center;font-weight:500;transition:transform .5s cubic-bezier(.22,1,.36,1),padding .45s cubic-bezier(.2,.9,.3,1);will-change:transform;position:relative;overflow:hidden;margin:0;transform-origin:top center}.slide[data-v-93e58284]{width:70%;height:95%;position:absolute;opacity:0;transition:opacity .5s ease}.slide.active[data-v-93e58284]{opacity:1}.toggle-btn[data-v-93e58284]{position:relative;margin-top:3px;bottom:12px;left:12px;right:12px;box-sizing:border-box;align-self:center;border-radius:999px;border:1px solid #38bdf8;background:#020617;color:#e5e7eb;padding:.4rem .9rem;font-size:.85rem;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,background .18s ease;min-height:32px;z-index:5;will-change:5}.toggle-btn[data-v-93e58284]:hover{background:#0f172a;transform:translateY(-1px);box-shadow:0 8px 20px #0f172a99}.social-panel[data-v-93e58284]{position:absolute;left:12px;right:12px;bottom:calc(100% - 283px);display:flex;flex-wrap:wrap;gap:.5rem;max-height:0;overflow:hidden;opacity:0;transition:max-height .45s cubic-bezier(.2,.9,.3,1),opacity .25s ease,transform .25s ease;z-index:4}.social-panel.open[data-v-93e58284]{max-height:220px;opacity:1;transform:translateY(0)}.social-panel button[data-v-93e58284]{flex:1 1 45%;border-radius:999px;border:none;padding:.4rem .7rem;font-size:.78rem;background:#0ea5e9;color:#fff;cursor:pointer;transition:background .15s ease}.social-panel button[data-v-93e58284]:hover{background:#0284c7}.social-panel button[data-v-93e58284]:active{background:#0369a1}.photo-stack.open .photo-container[data-v-93e58284]{transform:translateY(-160px);padding-top:2.2rem;padding-bottom:.6rem}.about-card[data-v-93e58284]{background:#020617;border-radius:1.25rem;padding:2rem 2.5rem;box-sizing:border-box;border:1px solid #1f2937;line-height:1.7;font-size:1rem}.about-card h2[data-v-93e58284]{color:#38bdf8;font-size:1.8rem;font-weight:700;margin:0 0 1.5rem;text-align:center;letter-spacing:-.02em}.about-card p[data-v-93e58284]{margin:0 0 1.5rem;color:#cbd5e1;text-align:justify}.about-card p[data-v-93e58284]:last-child{margin-bottom:0}.about-card .about-me[data-v-93e58284]{color:#e2e8f0;font-weight:500;position:relative;padding-left:1.5rem}.about-card .about-me[data-v-93e58284]:first-child:before{content:'"';position:absolute;left:0;top:-.2rem;font-size:2rem;color:#38bdf8;font-family:serif;line-height:1}.about-card .about-me[data-v-93e58284]:last-child:after{content:'"';position:absolute;right:-.5rem;bottom:-.2rem;font-size:2rem;color:#38bdf8;font-family:serif;line-height:1}.about-card strong[data-v-93e58284]{color:#38bdf8;font-weight:600}.about-card em[data-v-93e58284]{color:#94a3b8;font-style:italic}.projects-container[data-v-93e58284]{display:flex;align-items:center;gap:.75rem}.nav-btn[data-v-93e58284]{flex-shrink:0;width:32px;height:80px;border-radius:999px;border:1px solid #38bdf8;background:#020617;color:#38bdf8;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .18s ease,color .18s ease,box-shadow .18s ease}.nav-btn[data-v-93e58284]:hover{background:#0f172a;box-shadow:0 4px 12px #38bdf84d}.nav-btn[data-v-93e58284]:active{background:#1e293b;transform:scale(.95)}.projects-row[data-v-93e58284]{flex:1;background:#020617;border-radius:1.25rem;padding:.9rem;box-sizing:border-box;display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;overflow:hidden}.project-card[data-v-93e58284]{background:#0f172a;border-radius:1rem;padding:.9rem 1rem;display:flex;flex-direction:column;align-items:flex-start;font-weight:500;animation:pushIn-93e58284 .35s cubic-bezier(.34,.1,.68,.55) both}.project-title[data-v-93e58284]{color:#38bdf8;font-weight:600;font-size:.95rem;text-decoration:none;margin-bottom:.35rem;align-self:center}.project-title[data-v-93e58284]:hover{text-decoration:underline}.project-desc[data-v-93e58284]{font-size:.8rem;color:#cbd5e1;line-height:1.45}@keyframes pushIn-93e58284{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.project-card.exit[data-v-93e58284]{animation:pushOut-93e58284 .35s cubic-bezier(.34,.1,.68,.55) forwards}@keyframes pushOut-93e58284{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(-30px)}}.projects-row.shift-left[data-v-93e58284]{animation:rowShiftLeft .36s ease}.projects-row.shift-right[data-v-93e58284]{animation:rowShiftRight .36s ease}@keyframes slide-left-93e58284{0%{transform:translate(0);opacity:1}40%{transform:translate(-6%)}to{transform:translate(-110%);opacity:0}}@keyframes slide-right-93e58284{0%{transform:translate(0);opacity:1}40%{transform:translate(6%)}to{transform:translate(110%);opacity:0}}.project-card[data-v-93e58284]{transform:transform .35s ease,opacity .35 ease;will-change:transform,opacity}.project-card.move-left[data-v-93e58284]{transform:translate(-120%);opacity:0}.project-card.move-right[data-v-93e58284]{transform:translate(120%);opacity:0}.fade-in-enter-active[data-v-93e58284],.fade-in-leave-active[data-v-93e58284]{transition:opacity 1.4s ease}.fade-in-enter-from[data-v-93e58284],.fade-in-leave-to[data-v-93e58284]{opacity:0;transform:translate(-40px)}.fade-leave-to[data-v-93e58284]{opacity:0}.fade-left-enter-active[data-v-93e58284],.fade-left-leave-active[data-v-93e58284]{transition:opacity .6s ease,transform .6s ease}.fade-left-enter-from[data-v-93e58284],.fade-left-leave-to[data-v-93e58284]{opacity:0;transform:translate(-40px)}.fade-right-enter-active[data-v-93e58284],.fade-right-leave-active[data-v-93e58284]{transition:opacity .6s ease,transform .6s ease}.fade-right-enter-from[data-v-93e58284],.fade-right-leave-to[data-v-93e58284]{opacity:0;transform:translate(40px)}.fade-up-enter-active[data-v-93e58284],.fade-up-leave-active[data-v-93e58284]{transition:opacity .6s ease,transform .6s ease}.fade-up-enter-from[data-v-93e58284],.fade-up-leave-to[data-v-93e58284]{opacity:0;transform:translateY(30px)}.slide-up-enter-active[data-v-93e58284],.slide-up-leave-active[data-v-93e58284]{transition:opacity .35s ease,transform .35s ease}.slide-up-enter-from[data-v-93e58284],.slide-up-leave-to[data-v-93e58284]{opacity:0;transform:translate(12px)}.roll-right[data-v-93e58284]{animation:rollRight-93e58284 .6s ease-out both}@keyframes rollRight-93e58284{0%{opacity:0;transform:translate(40px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0)}}@media(max-width:900px),(orientation:portrait){.top-layout[data-v-93e58284]{grid-template-columns:1fr}.about-card[data-v-93e58284]{order:2}}