@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--green: #5eead4;--green-dim: #4fd1c5;--green-glow: rgba(94, 234, 212, .1);--bg: #060608;--bg-card: #0c0c10;--border: #18181f;--text: #d4d4d8;--text-muted: #52525b;font-family:Inter,system-ui,sans-serif;line-height:1.6;font-weight:400;color:var(--text);background-color:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--bg)}a{color:var(--green);text-decoration:none;transition:color .3s}a:hover{color:var(--green-dim)}h1,h2,h3{font-family:Inter,sans-serif;font-weight:700;letter-spacing:-.5px}.divider{display:flex;align-items:center;justify-content:center;gap:16px;padding:30px 60px}.divider:before,.divider:after{content:"";flex:1;max-width:280px;height:1px;background:linear-gradient(to right,transparent,#5eead433)}.divider:after{background:linear-gradient(to left,transparent,#5eead433)}.divider span{color:#5eead4;font-size:.75rem;opacity:.35;letter-spacing:2px;font-family:Inter,sans-serif;font-weight:300}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--bg-card);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--green)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:22px 50px;transition:all .3s ease}.navbar.scrolled{background:#060608eb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:14px 50px;border-bottom:1px solid #5eead415}.navbar-logo{font-size:1rem;font-weight:600;color:#5eead4;letter-spacing:.5px}.navbar-links{list-style:none;display:flex;gap:38px;margin:0;padding:0}.navbar-links a{color:#52525b;text-decoration:none;font-size:.88rem;font-weight:500;letter-spacing:.3px;transition:color .3s;position:relative}.navbar-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#5eead4;transition:width .3s}.navbar-links a:hover{color:#d4d4d8}.navbar-links a:hover:after{width:100%}.navbar-right{display:flex;align-items:center}.navbar-burger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:5px}.navbar-burger span{display:block;width:22px;height:1.5px;background:#52525b;border-radius:2px;transition:all .3s}@media(max-width:640px){.navbar{padding:16px 20px}.navbar.scrolled{padding:12px 20px}.navbar-burger{display:flex}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;gap:0;background:#060608fa;border-bottom:1px solid #5eead415;padding:10px 0}.navbar-links.open{display:flex}.navbar-links li a{display:block;padding:14px 24px}}.matrix-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.12;pointer-events:none;z-index:0}.hero-container{position:relative;overflow:hidden;padding:140px 20px 100px;text-align:center;background:#060608;color:#fff;min-height:100vh;display:flex;align-items:center;justify-content:center}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#5eead40f;border:1px solid rgba(94,234,212,.18);color:#5eead4;padding:6px 18px;border-radius:999px;font-size:.82rem;font-weight:500;letter-spacing:.3px;opacity:0;animation:fadeUp .7s ease forwards;animation-delay:0s}.hero-badge-dot{width:7px;height:7px;background:#5eead4;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.hero-avatar{border-radius:50%;width:148px;height:148px;object-fit:cover;object-position:center top;border:2px solid #5eead433;box-shadow:0 0 40px #5eead41f;opacity:0;animation:fadeUp .7s ease forwards;animation-delay:.2s}.hero-title{font-size:3.8rem;font-weight:700;letter-spacing:-2px;color:#f4f4f5;opacity:0;animation:fadeUp .7s ease forwards;animation-delay:.4s}.hero-title .cursor{display:inline-block;width:2px;height:.85em;background:#5eead4;margin-left:3px;vertical-align:middle;animation:blink 1s infinite;opacity:.7}@keyframes blink{0%,to{opacity:.7}50%{opacity:0}}.hero-subtitle{font-size:1.05rem;color:#52525b;max-width:520px;line-height:1.7;font-weight:400;opacity:0;animation:fadeUp .7s ease forwards;animation-delay:.6s}.hero-icons{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;margin-top:8px;opacity:0;animation:fadeUp .7s ease forwards;animation-delay:.8s}.hero-icons svg{transition:transform .3s,filter .3s;cursor:pointer;opacity:.75}.hero-icons svg:hover{transform:translateY(-3px);opacity:1;filter:drop-shadow(0 0 5px currentColor)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(max-width:480px){.hero-title{font-size:2.6rem}.hero-icons{gap:14px}}.about-container{padding:100px 20px;max-width:780px;margin:0 auto;text-align:center;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.about-container.visible{opacity:1;transform:translateY(0)}.about-title{font-size:2.2rem;color:#5eead4;margin-bottom:40px;font-weight:700}.about-content{font-size:1.05rem;color:#71717a;line-height:1.9}.about-content p{margin-bottom:20px}.about-content strong{color:#d4d4d8;font-weight:600}.about-quote{font-style:italic;color:#3f3f46!important;font-size:.95rem!important;border-left:2px solid #5eead420;padding-left:16px;text-align:left;max-width:480px;margin:10px auto 0!important}.experience-container{padding:100px 20px;max-width:800px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.experience-container.visible{opacity:1;transform:translateY(0)}.experience-title{font-size:2.2rem;color:#5eead4;margin-bottom:8px;font-weight:700;text-align:center}.experience-subtitle{color:#52525b;font-size:.95rem;margin-bottom:60px;text-align:center}.timeline{position:relative;padding-left:30px}.timeline:before{content:"";position:absolute;left:6px;top:0;bottom:0;width:1px;background:#27272a}.timeline-item{position:relative;margin-bottom:50px}.timeline-dot{position:absolute;left:-27px;top:6px;width:14px;height:14px;border-radius:50%;border:2px solid;background:#0a0a0a}.timeline-content{background:#1a1a1a;border:1px solid #27272a;border-radius:16px;padding:24px;transition:border-color .3s}.timeline-content:hover{border-color:#3f3f46}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;flex-wrap:wrap;gap:8px}.timeline-badge{font-size:.75rem;font-weight:600;border:1px solid;border-radius:20px;padding:3px 12px;letter-spacing:.5px}.timeline-date{font-size:.85rem;color:#52525b}.timeline-title{font-size:1.1rem;color:#fff;margin:0 0 4px;font-weight:600}.timeline-place{font-size:.9rem;color:#71717a;margin:0 0 12px}.timeline-description{font-size:.9rem;color:#a1a1aa;line-height:1.7;margin:0 0 16px}.timeline-tags{display:flex;flex-wrap:wrap;gap:8px}.timeline-tag{background:#27272a;color:#71717a;padding:3px 10px;border-radius:6px;font-size:.78rem;border:1px solid #3f3f46}@media(max-width:600px){.timeline-header{flex-direction:column;align-items:flex-start}}.skills-container{padding:100px 20px;max-width:900px;margin:0 auto;text-align:center;opacity:1;transform:none;transition:opacity .7s ease,transform .7s ease}.skills-container.visible{opacity:1;transform:translateY(0)}.skills-title{font-size:2.2rem;color:#5eead4;margin-bottom:8px;font-weight:700}.skills-subtitle{color:#52525b;font-size:.95rem;margin-bottom:50px}.skills-list{display:grid;grid-template-columns:1fr 1fr;gap:26px 40px}.skill-item{text-align:left}.skill-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.skill-icon{font-size:1.3rem;display:flex;align-items:center;opacity:.85}.skill-name{font-size:.92rem;font-weight:600;color:#a1a1aa;flex:1}.skill-percent{font-size:.82rem;color:#3f3f46;font-weight:500}.skill-bar-bg{background:#18181f;border-radius:999px;height:6px;overflow:hidden}.skill-bar-fill{height:100%;border-radius:999px;transition:width 1.2s cubic-bezier(.4,0,.2,1);opacity:.75}@media(max-width:600px){.skills-list{grid-template-columns:1fr}}.projects-container{padding:100px 20px;max-width:1100px;margin:0 auto;opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.projects-container.visible{opacity:1;transform:translateY(0)}.projects-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:28px 0}.filter-btn{background:transparent;color:#52525b;border:1px solid #27272a;border-radius:999px;padding:6px 18px;font-size:.83rem;font-family:Inter,sans-serif;cursor:pointer;transition:all .25s}.filter-btn:hover{border-color:#5eead433;color:#a1a1aa}.filter-btn.active{background:#5eead412;border-color:#5eead433;color:#5eead4}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin-top:36px}.project-card{background:#0c0c10;padding:28px;border-radius:12px;border:1px solid #18181f;transition:all .3s ease;cursor:default}.project-card:hover{transform:translateY(-5px);border-color:#5eead420;box-shadow:0 12px 40px #0006}.project-card h3{margin-top:0;margin-bottom:10px;color:#e4e4e7;font-size:1.15rem;font-weight:600}.tech-tag{background:#18181f;color:#52525b;padding:3px 10px;border-radius:4px;font-size:.76rem;margin-right:6px;border:1px solid #27272a}.project-link{display:inline-block;margin-top:18px;color:#5eead4;text-decoration:none;font-size:.87rem;font-weight:500;opacity:.6;transition:opacity .3s}.project-link:hover{opacity:1}.no-results{text-align:center;color:#3f3f46;font-size:.95rem;padding:40px 0;grid-column:1 / -1}@media(max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-actions{display:flex;gap:16px;margin-top:20px;flex-wrap:wrap}.project-link--secondary{color:#888;border-bottom-color:#444}.project-link--secondary:hover{color:#aaa;border-bottom-color:#666}.project-link--disabled{color:#444;border-bottom:2px solid #2a2a2a;cursor:default;pointer-events:none}.contact-container{padding:100px 20px;max-width:580px;margin:0 auto;text-align:center}.contact-title{font-size:2.2rem;color:#5eead4;margin-bottom:8px;font-weight:700}.contact-subtitle{color:#52525b;margin-bottom:48px;font-size:.95rem}.contact-form{display:flex;flex-direction:column;gap:18px;text-align:left}.form-group{display:flex;flex-direction:column;gap:7px}.form-group label{color:#52525b;font-size:.82rem;font-weight:500;letter-spacing:.3px}.form-group input,.form-group textarea{background:#0c0c10;border:1px solid #18181f;border-radius:8px;padding:11px 14px;color:#d4d4d8;font-size:.95rem;font-family:inherit;transition:border-color .3s;outline:none;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#5eead430}.contact-btn{background:#5eead412;color:#5eead4;border:1px solid #5eead425;border-radius:8px;padding:13px;font-size:.9rem;font-weight:600;font-family:inherit;cursor:pointer;transition:all .3s;margin-top:8px;letter-spacing:.5px}.contact-btn:hover:not(:disabled){background:#5eead41f;transform:translateY(-2px)}.contact-btn:disabled{opacity:.35;cursor:not-allowed}.contact-feedback{text-align:center;font-size:.88rem;padding:10px;border-radius:8px}.contact-feedback.success{color:#5eead4;background:#5eead40d;border:1px solid rgba(94,234,212,.12)}.contact-feedback.error{color:#f87171;background:#f871710d;border:1px solid rgba(248,113,113,.12)}.footer-container{padding:48px 20px;background:#040406;text-align:center;border-top:1px solid #5eead410}.footer-name{font-weight:600;color:#5eead4;font-size:.95rem;margin-bottom:18px;opacity:.7;letter-spacing:.5px}.footer-socials{display:flex;justify-content:center;gap:24px;margin-bottom:18px}.footer-socials a{font-size:1.5rem;color:#3f3f46;transition:all .3s}.footer-socials a:hover{color:#5eead4;transform:translateY(-2px)}.footer-copy{color:#27272a;font-size:.8rem}
