@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap";.navbar{margin-bottom:60px}.nav-list{display:flex;justify-content:flex-start;align-items:center;list-style:none;gap:20px;flex-wrap:wrap}.nav-link{font-family:var(--font-mono);font-size:.9rem;color:var(--text-muted);cursor:pointer;padding:4px 0}.nav-key{color:var(--text-muted);margin-right:4px}.nav-link:hover,.nav-link.active{color:var(--text-primary)}.nav-link.active .nav-key{color:var(--accent)}.floating-music-btn{position:fixed;bottom:24px;right:24px;z-index:9999;width:46px;height:46px;border-radius:50%;background:#0a1914d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 4px 12px #0006;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none}.floating-music-btn:hover{border-color:var(--accent);color:var(--text-primary);transform:translateY(-2px);box-shadow:0 6px 16px #10b9814d}.floating-music-btn.is-playing{color:var(--accent);border-color:var(--accent);box-shadow:0 0 16px #10b98159}.music-btn-key{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);border:1px solid var(--border);padding:1px 5px;border-radius:3px;background:#ffffff0d;display:none;transition:var(--transition)}@media(min-width:768px){.floating-music-btn:hover .music-btn-key{display:inline-block}.floating-music-btn:hover{width:auto;border-radius:24px;padding:0 16px}}.music-icon-container{position:relative;display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px}.music-slash{position:absolute;top:50%;left:50%;width:22px;height:2px;background-color:var(--text-muted);transform:translate(-50%,-50%) rotate(-45deg);border-radius:1px;transition:background-color .3s ease}.floating-music-btn:hover .music-slash{background-color:var(--text-primary)}.pulse-icon{animation:pulse-volume 1.2s ease-in-out infinite alternate}@keyframes pulse-volume{0%{transform:scale(.9);opacity:.8}to{transform:scale(1.15);opacity:1}}.hero-intro{display:flex;align-items:center;gap:28px;margin-bottom:32px}.avatar-wrapper{position:relative;width:96px;height:96px;flex-shrink:0}.avatar-ring{position:absolute;top:-4px;left:-4px;width:104px;height:104px;pointer-events:none;animation:spinAvatarRing 25s linear infinite}@keyframes spinAvatarRing{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-img{width:100%;height:100%;border-radius:50%;object-fit:cover;border:1px solid var(--border);filter:grayscale(100%);transition:var(--transition)}.avatar-wrapper:hover .avatar-img{filter:grayscale(0%);border-color:var(--accent)}.hero-meta{display:flex;flex-direction:column;gap:6px}.hero-name{font-size:2rem;line-height:1.1;color:var(--text-primary)}.hero-title{font-family:var(--font-mono);font-size:.95rem;color:var(--text-muted)}.badge-available{display:inline-flex;align-items:center;gap:6px;background-color:#10b98114;border:1px solid rgba(16,185,129,.2);color:#34d399;font-size:.75rem;font-family:var(--font-mono);padding:4px 10px;border-radius:9999px;width:fit-content}.badge-dot{width:6px;height:6px;background-color:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent)}.hero-bio{display:flex;flex-direction:column;gap:16px;font-size:.95rem;color:var(--text-secondary);line-height:1.7}.hero-bio p strong{color:var(--text-primary);font-weight:500}.skills-container{display:flex;flex-direction:column;gap:40px}.skills-category{display:flex;flex-direction:column;gap:12px}.category-title{font-size:1.1rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:8px;margin-bottom:4px}.skill-tags{display:flex;flex-wrap:wrap;gap:10px}.skill-tag{font-family:var(--font-mono);font-size:.85rem;background-color:var(--bg-card);color:var(--text-secondary);border:1px solid var(--border);padding:6px 12px;border-radius:var(--radius-sm);transition:var(--transition)}.skill-tag:hover{border-color:var(--border-hover);color:var(--text-primary)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:20px}@media(min-width:480px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px 16px;text-align:center;transition:var(--transition)}.stat-card:hover{border-color:var(--border-hover)}.stat-number{font-size:1.8rem;font-weight:700;color:var(--text-primary);line-height:1;margin-bottom:6px}.stat-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.projects-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:580px){.projects-grid{grid-template-columns:repeat(2,1fr)}}.project-card{background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;display:flex;flex-direction:column;gap:16px;transition:var(--transition);height:100%}.project-card:hover{border-color:var(--border-hover);background-color:var(--bg-card-hover);transform:scale(1.01)}.project-header{display:flex;justify-content:space-between;align-items:center}.project-title{font-size:1.1rem;color:var(--text-primary)}.project-links{display:flex;gap:12px}.project-icon-link{color:var(--text-muted);font-size:1rem}.project-icon-link:hover{color:var(--accent)}.project-desc{font-size:.85rem;color:var(--text-secondary);line-height:1.5;flex-grow:1}.project-tags{display:flex;flex-wrap:wrap;gap:6px}.project-tag{font-family:var(--font-mono);font-size:.75rem;color:var(--accent);background-color:var(--accent-muted);padding:2px 8px;border-radius:4px}.projects-more-link{font-family:var(--font-mono);font-size:.85rem;color:var(--accent);text-align:center;margin-top:32px;display:block}.projects-more-link:hover{text-decoration:underline}.contact-layout{display:flex;flex-direction:column;max-width:700px}.contact-section-heading{font-family:var(--font-mono);font-size:1.1rem;color:var(--text-primary);border-bottom:1px solid var(--border);padding-bottom:10px;margin-bottom:16px}.contact-form-section{display:flex;flex-direction:column;gap:16px}.contact-bio{font-size:.9rem;color:var(--text-secondary);line-height:1.6;margin-bottom:8px}.contact-form{display:flex;flex-direction:column;gap:24px}.form-group{position:relative;display:flex;flex-direction:column}.form-input,.form-textarea{width:100%;background-color:transparent;border:none;border-bottom:1px solid var(--border);padding:10px 0;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;outline:none;transition:var(--transition)}.form-input:focus,.form-textarea:focus{border-color:var(--accent)}.form-label{font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);margin-bottom:2px;transition:var(--transition)}.form-input:focus~.form-label,.form-textarea:focus~.form-label{color:var(--accent)}.form-textarea{min-height:100px;resize:vertical}.btn-submit{align-self:flex-start;font-family:var(--font-mono);font-size:.85rem;background-color:var(--accent);color:#040d0a;border:none;padding:10px 20px;border-radius:var(--radius-sm);cursor:pointer;font-weight:500;display:inline-flex;align-items:center;gap:8px;transition:var(--transition)}.btn-submit:hover{background-color:#34d399;transform:translateY(-1px)}.btn-submit.btn-success{background-color:#34d399;animation:submitPulse .4s ease-out}@keyframes submitPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.contact-socials-section{display:flex;flex-direction:column;gap:16px}.contact-cards{display:flex;flex-direction:column;gap:24px}.contact-card-wrapper{display:flex;align-items:center;gap:12px}.contact-card{display:flex;align-items:center;gap:12px;padding:10px 18px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);text-decoration:none;transition:var(--transition);width:fit-content;flex-shrink:0}.contact-card-wrapper:hover .contact-card{border-color:var(--border-hover);background-color:var(--bg-card-hover)}.contact-card-icon{width:32px;height:32px;border-radius:50%;background-color:var(--accent-muted);border:1px solid rgba(16,185,129,.2);display:flex;align-items:center;justify-content:center;font-size:.9rem;color:var(--accent);flex-shrink:0;transition:var(--transition)}.contact-card-wrapper:hover .contact-card-icon{background-color:var(--accent);color:#040d0a;border-color:var(--accent)}.contact-card-name{font-family:var(--font-mono);font-size:.85rem;color:var(--text-secondary);transition:var(--transition)}.contact-card-wrapper:hover .contact-card-name{color:var(--text-primary)}.contact-card-cta-area{display:flex;align-items:center;gap:4px;flex-shrink:0;animation:floatCta 3s ease-in-out infinite}.contact-card-wrapper:nth-child(1) .contact-card-cta-area{animation-delay:0s}.contact-card-wrapper:nth-child(2) .contact-card-cta-area{animation-delay:.6s}.contact-card-wrapper:nth-child(3) .contact-card-cta-area{animation-delay:1.2s}.contact-card-wrapper:nth-child(4) .contact-card-cta-area{animation-delay:1.8s}.contact-card-wrapper:nth-child(5) .contact-card-cta-area{animation-delay:2.4s}@keyframes floatCta{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.curvy-arrow{width:70px;height:38px;color:var(--text-muted);transition:color .3s ease;animation:snakeMove 2.4s ease-in-out infinite;transform-origin:left center}.contact-card-wrapper:nth-child(1) .curvy-arrow{animation-delay:0s}.contact-card-wrapper:nth-child(2) .curvy-arrow{animation-delay:.48s}.contact-card-wrapper:nth-child(3) .curvy-arrow{animation-delay:.96s}.contact-card-wrapper:nth-child(4) .curvy-arrow{animation-delay:1.44s}.contact-card-wrapper:nth-child(5) .curvy-arrow{animation-delay:1.92s}@keyframes snakeMove{0%,to{transform:translateY(-1px) rotate(-1.5deg)}25%{transform:translate(2px,1px) rotate(0)}50%{transform:translateY(2px) rotate(1.5deg)}75%{transform:translate(-2px) rotate(0)}}.contact-card-wrapper:hover .curvy-arrow{color:var(--accent)}.curvy-arrow-path{stroke-dasharray:8 6;animation:flowDash 1.5s linear infinite}@keyframes flowDash{to{stroke-dashoffset:-28}}.curvy-arrow-head{animation:bobHead 2s ease-in-out infinite}@keyframes bobHead{0%,to{transform:translate(0);opacity:.7}50%{transform:translate(2px);opacity:1}}.contact-card-cta-text{font-family:var(--font-mono);font-size:.78rem;color:var(--text-muted);white-space:nowrap;transition:var(--transition);letter-spacing:.08em}.contact-card-wrapper:hover .contact-card-cta-text{color:var(--accent)}.footer{margin-top:auto;border-top:1px solid var(--border);padding-top:36px;display:flex;flex-direction:column;gap:24px}.footer-top{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:12px}.footer-title{font-family:var(--font-mono);font-size:1.1rem;color:var(--text-primary)}.footer-clock{font-family:var(--font-mono);font-size:.85rem;color:var(--text-muted)}.footer-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px 16px}@media(min-width:480px){.footer-grid{grid-template-columns:repeat(3,1fr);gap:24px 20px}}.footer-item{display:flex;flex-direction:column;gap:4px}.footer-item h3{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em}.footer-item a{font-size:.85rem;color:var(--text-secondary);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}.footer-item a:hover{color:var(--text-primary);text-decoration-color:var(--accent)}.cert-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#040d0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99998;display:flex;align-items:center;justify-content:center;animation:fadeInModal .2s ease-out}.cert-modal-content{position:relative;max-width:90vw;max-height:85vh;z-index:99999}.cert-modal-img{max-width:90vw;max-height:80vh;border-radius:var(--radius);border:1px solid var(--border);box-shadow:0 20px 40px #00000080;object-fit:contain}.cert-modal-close{position:absolute;top:-16px;right:-16px;width:36px;height:36px;background-color:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-primary);font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0000004d;transition:var(--transition)}.cert-modal-close:hover{background-color:var(--accent);color:#040d0a;transform:rotate(90deg)}.typing-cursor{display:inline-block;width:2px;height:1.1em;background-color:var(--accent);margin-left:2px;vertical-align:middle;animation:blink .8s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.resume-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#040d0ad9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:99998;display:flex;align-items:center;justify-content:center;animation:fadeInModal .25s ease-out}.resume-modal-content{width:90vw;max-width:800px;height:85vh;background-color:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);display:flex;flex-direction:column;box-shadow:0 20px 40px #0009;overflow:hidden;animation:scaleInModal .25s cubic-bezier(.34,1.56,.64,1)}.resume-modal-header{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--border);background-color:#0f2319cc}.resume-modal-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.82rem;padding:8px 16px;border-radius:var(--radius-sm);font-weight:500;cursor:pointer;transition:var(--transition);text-decoration:none;border:none}.resume-modal-btn.close-btn{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border)}.resume-modal-btn.close-btn:hover{border-color:var(--border-hover);color:var(--text-primary);background-color:var(--bg-card-hover)}.resume-modal-btn.download-btn{background-color:var(--accent);color:#040d0a}.resume-modal-btn.download-btn:hover{background-color:#34d399;transform:translateY(-1px)}.resume-modal-body{flex-grow:1;width:100%;height:calc(100% - 60px)}.resume-modal-iframe{width:100%;height:100%;border:none;background-color:#fff}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes scaleInModal{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.resume-page-pdf[data-v-01937a76]{width:100%}.pdf-wrapper[data-v-01937a76]{width:100%;height:900px;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);background-color:var(--bg-card);box-shadow:0 10px 30px #0003;transition:var(--transition)}.pdf-wrapper[data-v-01937a76]:hover{border-color:var(--border-hover)}.pdf-iframe[data-v-01937a76]{width:100%;height:100%;border:none;background-color:#fff}@media print{.navbar[data-v-01937a76],.footer[data-v-01937a76],.no-print[data-v-01937a76]{display:none!important}.pdf-wrapper[data-v-01937a76]{height:100vh!important;border:none!important;box-shadow:none!important}}:root{--bg: #0a1a14;--bg-card: #0f2319;--bg-card-hover: #132d1f;--border: rgba(16, 185, 129, .1);--border-hover: rgba(16, 185, 129, .25);--text-primary: #ffffff;--text-secondary: #a7f3d0;--text-muted: #52796f;--accent: #10b981;--accent-rgb: 16, 185, 129;--accent-muted: rgba(16, 185, 129, .15);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", monospace;--radius: 12px;--radius-sm: 8px;--transition: .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;background-color:var(--bg)}body{font-family:var(--font-sans);background-color:var(--bg);color:var(--text-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;min-height:100vh}#root{display:flex;flex-direction:column;min-height:100vh}.main-container{width:100%;max-width:700px;margin:0 auto;padding:40px 24px 80px;flex-grow:1;display:flex;flex-direction:column}h1,h2,h3,h4{color:var(--text-primary);font-weight:600;letter-spacing:-.02em}a{color:inherit;text-decoration:none;transition:var(--transition)}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s cubic-bezier(.16,1,.3,1) forwards}.stagger-1{animation-delay:.05s}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.stagger-6{animation-delay:.3s}.stagger-7{animation-delay:.35s}.stagger-8{animation-delay:.4s}.fade-enter-active,.fade-leave-active{transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1)}.fade-enter-from{opacity:0;transform:translateY(8px)}.fade-leave-to{opacity:0;transform:translateY(-8px)}.reveal-hidden{opacity:0;transform:translateY(20px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0s)}.reveal-visible{opacity:1;transform:translateY(0)}.form-group{position:relative;display:flex;flex-direction:column-reverse}.form-group label{transition:.25s cubic-bezier(.4,0,.2,1);transform-origin:left top}.form-input:focus~.form-label,.form-input:not(:placeholder-shown)~.form-label,.form-textarea:focus~.form-label,.form-textarea:not(:placeholder-shown)~.form-label{color:var(--accent)!important;transform:translateY(-4px) scale(.9)}