:root{--primary-color:#1a1a1a;--secondary-color:#f2f2f2;--accent-color:#00bfff;--card-bg:#111217;--border:#ffffff0a;--card-shadow:0 1px 2px #0009;--card-shadow-hover:0 8px 20px #0009;--chip-bg:#1f2937;--chip-foreground:#e5e7eb}html,body{height:100%;margin:0;padding:0}body{background-color:var(--primary-color);color:var(--secondary-color);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}#app{flex-direction:column;min-height:100vh;display:flex}main{flex:1 0 auto;padding-bottom:2.5rem;overflow-y:auto}a{color:var(--accent-color);text-decoration:none}.container{max-width:960px;margin:0 auto;padding:0 15px}.scroll-fade-in{opacity:0;transition:opacity .6s cubic-bezier(.175,.885,.32,1.275),transform .6s cubic-bezier(.175,.885,.32,1.275);transform:translateY(30px)}.scroll-fade-in.is-visible{opacity:1;transform:translateY(0)}.hero-fade-in{opacity:1;animation:1s ease-in-out forwards fadeIn}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.app-header[data-v-63b66280]{z-index:1000;-webkit-backdrop-filter:blur(12px)saturate(150%);backdrop-filter:blur(12px)saturate(150%);background:linear-gradient(#282828b3,#1e1e1ecc);border:1px solid #fff3;border-radius:9999px;width:calc(100% - 32px);max-width:960px;position:fixed;top:16px;left:50%;transform:translate(-50%);box-shadow:0 8px 32px #0000004d}.nav-container[data-v-63b66280]{justify-content:space-between;align-items:center;max-width:1200px;height:56px;margin:0 auto;padding:0 30px;display:flex}.logo[data-v-63b66280]{color:var(--secondary-color);font-size:1.25rem;font-weight:700;text-decoration:none}.nav-links[data-v-63b66280]{gap:30px;margin:0;padding:0;list-style:none;display:flex}.nav-links a[data-v-63b66280]{color:var(--secondary-color);padding:5px 0;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a[data-v-63b66280]:after{content:"";background-color:var(--accent-color);width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a[data-v-63b66280]:hover{color:var(--accent-color)}.nav-links a[data-v-63b66280]:hover:after{width:100%}footer[data-v-f97cc5e3]{background-color:var(--primary-color);border-top:1px solid #333;margin-top:auto;padding:20px}.base-section[data-v-11bccf23]{padding:80px 0}.base-section.is-centered[data-v-11bccf23]{text-align:center}.container[data-v-11bccf23]{max-width:1200px;margin:0 auto;padding:0 15px}#hero[data-v-e0279ce9]{color:#e0e0e0;text-align:center;background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#2c496e) 0 0/400% 400%;flex-direction:column;justify-content:center;align-items:center;height:100vh;padding:0 15px;animation:15s infinite gradientAnimation-e0279ce9;display:flex}@keyframes gradientAnimation-e0279ce9{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#hero h1[data-v-e0279ce9]{margin-bottom:20px;font-size:3rem}#hero p[data-v-e0279ce9]{max-width:600px;margin-bottom:40px;font-size:1.25rem}.btn[data-v-e0279ce9]{background-color:var(--primary-color);color:#fff;border-radius:8px;padding:15px 30px;font-weight:700;text-decoration:none;transition:transform .3s,box-shadow .3s}.btn[data-v-e0279ce9]:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-3px);box-shadow:0 15px 35px #007bff33}.typing-wrapper[data-v-e0279ce9]{min-height:1.25rem;display:inline-block;position:relative}.cursor[data-v-e0279ce9]{animation:1s step-end infinite blink-e0279ce9;position:absolute;top:0;right:-10px}@keyframes blink-e0279ce9{0%,to{color:#0000}50%{color:#e0e0e0}}.status-icon[data-v-0bdc3576]{width:32px;height:32px;stroke:var(--accent-color)}#about[data-v-1ae6886c]{padding:80px 0}.about-content-wrapper[data-v-1ae6886c]{flex-direction:column;gap:40px;display:flex}.about-card[data-v-1ae6886c]{background-color:#2a2a2a;border:1px solid #333;border-radius:16px;align-items:center;gap:40px;padding:40px;display:flex;box-shadow:0 10px 30px #0003}.profile-image-wrapper[data-v-1ae6886c]{flex-shrink:0}.profile-image-wrapper img[data-v-1ae6886c]{object-fit:cover;border:4px solid var(--accent-color);border-radius:50%;width:220px;height:220px;box-shadow:0 4px 15px #0000004d}.about-text[data-v-1ae6886c]{text-align:left}.about-text h3[data-v-1ae6886c]{color:var(--accent-color);margin-top:0;margin-bottom:8px}.about-text h3[data-v-1ae6886c]:not(:first-child){margin-top:24px}.about-text p[data-v-1ae6886c]{margin:0;line-height:1.6}.status-card[data-v-1ae6886c]{background-color:#2a2a2a;border:1px solid #333;border-radius:16px;padding:30px 40px;box-shadow:0 10px 30px #0003}.status-grid[data-v-1ae6886c]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.status-item[data-v-1ae6886c]{align-items:center;gap:15px;display:flex}.status-icon[data-v-1ae6886c]{width:32px;height:32px;stroke:var(--accent-color);flex-shrink:0}.status-text[data-v-1ae6886c]{flex-direction:column;display:flex}.status-text strong[data-v-1ae6886c]{color:#fff;margin-bottom:2px;font-weight:600}.status-text span[data-v-1ae6886c]{color:#b0b0b0;font-size:.9rem}@media (width<=768px){.about-card[data-v-1ae6886c]{text-align:center;flex-direction:column;padding:30px}.about-text[data-v-1ae6886c]{text-align:center}.status-card[data-v-1ae6886c]{padding:30px}}.base-card[data-v-a8c68526]{background:var(--card-bg,#fff);border:1px solid var(--border,#1018280f);height:100%;box-shadow:var(--card-shadow,0 1px 2px #1018280a);color:inherit;border-radius:8px;flex-direction:column;padding:1rem;text-decoration:none;transition:transform .16s,box-shadow .16s;display:flex}.base-card[data-v-a8c68526]:hover{box-shadow:var(--card-shadow-hover,0 8px 20px #10182814);transform:translateY(-6px)}.base-card__header[data-v-a8c68526],.base-card__body[data-v-a8c68526]{margin:0}.base-card__body[data-v-a8c68526]{flex:1 0 auto}.base-card__footer[data-v-a8c68526]{margin:auto 0 0}.base-card.align-center[data-v-a8c68526]{text-align:center;align-items:center}.base-card.align-left[data-v-a8c68526]{text-align:left}.project-card .base-card__header[data-v-9eaffa10]{padding:0}.base-card__header img[data-v-9eaffa10]{object-fit:cover;border-top-left-radius:8px;border-top-right-radius:8px;width:100%;height:200px;display:block}.project-info[data-v-9eaffa10]{padding:20px}.project-info h3[data-v-9eaffa10]{color:var(--secondary-color);margin-top:0;margin-bottom:10px}.project-info p[data-v-9eaffa10]{color:#ccc;margin:0}.project-actions[data-v-9eaffa10]{justify-content:center;align-items:center;gap:12px;padding:12px 20px 20px;display:flex}.btn[data-v-9eaffa10]{color:var(--secondary-color);background:0 0;border:1px solid #ffffff24;border-radius:6px;align-items:center;gap:8px;padding:8px 14px;font-weight:600;text-decoration:none;transition:transform .16s,box-shadow .16s;display:inline-flex}.btn.source[data-v-9eaffa10]:hover{background:#ffffff08;transform:translateY(-3px);box-shadow:0 6px 18px #0000000f}.btn.live[data-v-9eaffa10]:hover{background:var(--accent-color);transform:translateY(-3px);box-shadow:0 8px 20px #0003}.btn[data-v-9eaffa10]:focus-visible{outline-offset:2px;outline:2px solid #ffffff1f}#projects[data-v-179121a6]{text-align:center;padding:80px 0}.project-grid[data-v-179121a6]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:40px;display:grid}.title[data-v-d6efc379]{color:var(--heading,inherit);margin:0 0 .25rem;font-size:1.05rem;line-height:1.2}.desc[data-v-d6efc379]{color:var(--muted,#6b7280);flex:none;margin:0 0 .75rem;font-size:.95rem}.tech-list[data-v-d6efc379]{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:.75rem 0 0;padding:0;list-style:none;display:flex}.tech-item[data-v-d6efc379]{background:var(--chip-bg,#f3f4f6);color:var(--chip-foreground,inherit);border-radius:999px;padding:.25rem .5rem;font-size:.85rem}[data-v-d6efc379] .visit{color:var(--link,#0366d6);align-self:center;margin-top:.75rem;font-weight:600;text-decoration:none}.showcase-link[data-v-d6efc379]:focus-visible{outline:3px solid color-mix(in srgb, var(--link,#0366d6) 20%, transparent);outline-offset:4px}#showcase[data-v-03f253ea]{text-align:center;padding-top:80px}.showcase-grid[data-v-03f253ea]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:20px;display:grid}#contact[data-v-cf95318e]{text-align:center;padding:80px 0}#contact p[data-v-cf95318e]{max-width:600px;margin:16px auto 40px;line-height:1.6}.contact-links[data-v-cf95318e]{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.contact-card[data-v-cf95318e]{color:var(--secondary-color);background-color:#2a2a2a;border:1px solid #333;border-radius:12px;align-items:center;gap:12px;padding:15px 25px;font-weight:500;text-decoration:none;transition:transform .3s,box-shadow .3s,background-color .3s;display:inline-flex;box-shadow:0 10px 30px #0003}.contact-card[data-v-cf95318e]:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-5px);box-shadow:0 15px 35px #007bff33}.contact-card:hover .contact-icon[data-v-cf95318e]{stroke:#fff}.contact-icon[data-v-cf95318e]{stroke:var(--accent-color);transition:stroke .3s}