.app{position:relative}.app:before{content:"";position:fixed;top:-20%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(100,255,218,.03) 0%,transparent 70%);pointer-events:none;z-index:-1}.app:after{content:"";position:fixed;bottom:-20%;left:-10%;width:600px;height:600px;background:radial-gradient(circle,rgba(124,58,237,.03) 0%,transparent 70%);pointer-events:none;z-index:-1}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #1a1a1a;--bg-card: #141414;--bg-card-hover: #1c1c1c;--text-primary: #e4e4e7;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent: #64ffda;--accent-dim: rgba(100, 255, 218, .1);--accent-secondary: #7c3aed;--border: #27272a;--border-hover: #3f3f46;--gradient-1: linear-gradient(135deg, #64ffda 0%, #7c3aed 100%);--gradient-2: linear-gradient(135deg, #0a0a0a 0%, #1a1a2e 100%);--font-mono: "JetBrains Mono", monospace;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-accent: 0 0 30px rgba(100, 255, 218, .08);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .15s ease;--max-width: 1200px;--nav-height: 70px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-height)}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background:#64ffda33;color:var(--accent)}a{text-decoration:none;color:inherit}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;border:none;outline:none;font-family:inherit}.section{padding:100px 24px;max-width:var(--max-width);margin:0 auto}.section-label{font-family:var(--font-mono);font-size:14px;color:var(--accent);text-transform:uppercase;letter-spacing:3px;margin-bottom:12px;display:flex;align-items:center;gap:10px}.section-label:before{content:"//";opacity:.5}.section-title{font-size:clamp(28px,4vw,42px);font-weight:700;color:var(--text-primary);margin-bottom:50px;line-height:1.2}.highlight{color:var(--accent)}.gradient-text{background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:9999}@media(max-width:768px){.section{padding:70px 20px}.section-title{margin-bottom:35px}}.navbar{position:fixed;top:0;left:0;right:0;height:var(--nav-height);z-index:1000;transition:var(--transition);background:transparent}.navbar--scrolled{background:#0a0a0ad9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.navbar__container{max-width:var(--max-width);margin:0 auto;padding:0 24px;height:100%;display:flex;align-items:center;justify-content:space-between}.navbar__logo{font-family:var(--font-mono);font-size:20px;font-weight:700;display:flex;align-items:center;gap:2px;transition:var(--transition)}.navbar__logo-bracket{color:var(--accent)}.navbar__logo-text{color:var(--text-primary)}.navbar__logo:hover .navbar__logo-text{color:var(--accent)}.navbar__links{display:flex;align-items:center;gap:32px}.navbar__link{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);transition:var(--transition);position:relative}.navbar__link:hover{color:var(--accent)}.navbar__link-index{color:var(--accent);margin-right:4px;font-size:12px}.navbar__resume-btn{font-family:var(--font-mono);font-size:13px;padding:8px 20px;border:1px solid var(--accent);color:var(--accent);border-radius:var(--radius-sm);transition:var(--transition);display:inline-block}.navbar__resume-btn:hover{background:var(--accent-dim)}.navbar__mobile-toggle{display:none;background:none;color:var(--accent)}.mobile-menu{position:fixed;top:0;right:0;width:70%;max-width:350px;height:100vh;background:var(--bg-secondary);z-index:999;display:flex;align-items:center;justify-content:center;border-left:1px solid var(--border)}.mobile-menu__links{display:flex;flex-direction:column;gap:24px}.mobile-menu__link{font-family:var(--font-mono);font-size:16px;color:var(--text-secondary);transition:var(--transition)}.mobile-menu__link:hover{color:var(--accent)}.mobile-menu__link-index{color:var(--accent);margin-right:8px;font-size:14px}@media(max-width:768px){.navbar__links{display:none}.navbar__mobile-toggle{display:block}}.hero{min-height:100vh;display:flex;align-items:center;position:relative}.hero__content{max-width:var(--max-width);margin:0 auto;padding:0 24px;padding-top:var(--nav-height);width:100%}.hero__greeting{font-family:var(--font-mono);font-size:16px;color:var(--accent);margin-bottom:16px;display:flex;align-items:center;gap:8px}.hero__wave{display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.hero__name{font-size:clamp(40px,8vw,80px);font-weight:800;line-height:1.1;margin-bottom:8px;letter-spacing:-2px}.hero__tagline{font-size:clamp(24px,4vw,48px);font-weight:600;color:var(--text-secondary);line-height:1.2;margin-bottom:24px;letter-spacing:-1px}.hero__description{font-size:17px;color:var(--text-secondary);max-width:580px;line-height:1.8;margin-bottom:40px}.hero__cta{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}.hero__btn{font-family:var(--font-mono);font-size:14px;padding:14px 28px;border-radius:var(--radius-sm);transition:var(--transition);display:inline-flex;align-items:center;gap:8px}.hero__btn--primary{background:var(--accent);color:var(--bg-primary);font-weight:600}.hero__btn--primary:hover{background:#52e0c4;transform:translateY(-2px);box-shadow:0 10px 30px #64ffda33}.hero__btn-icon{animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(4px)}60%{transform:translateY(2px)}}.hero__btn--secondary{border:1px solid var(--border);color:var(--text-primary)}.hero__btn--secondary:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.hero__status{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.hero__status-dot{width:8px;height:8px;background:#22c55e;border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 0 #22c55e66}50%{box-shadow:0 0 0 8px #22c55e00}}.hero__side-left,.hero__side-right{position:fixed;bottom:0;z-index:10}.hero__side-left{left:30px}.hero__side-right{right:30px}.hero__social-links{display:flex;flex-direction:column;align-items:center;gap:20px}.hero__social-links a{color:var(--text-muted);font-size:20px;transition:var(--transition)}.hero__social-links a:hover{color:var(--accent);transform:translateY(-3px)}.hero__side-line{width:1px;height:90px;background:var(--text-muted);margin-top:10px}.hero__email{display:flex;flex-direction:column;align-items:center;gap:20px}.hero__email a{writing-mode:vertical-rl;font-family:var(--font-mono);font-size:12px;color:var(--text-muted);letter-spacing:1.5px;transition:var(--transition)}.hero__email a:hover{color:var(--accent);transform:translateY(-3px)}@media(max-width:1080px){.hero__side-left,.hero__side-right{display:none}}@media(max-width:480px){.hero__cta{flex-direction:column}.hero__btn{text-align:center;justify-content:center}}.about__grid{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:start}.about__paragraph{font-size:16px;color:var(--text-secondary);margin-bottom:20px;line-height:1.8}.about__sidebar{display:flex;flex-direction:column;gap:20px}.about__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;transition:var(--transition)}.about__card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-accent)}.about__card-header{display:flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;color:var(--accent);margin-bottom:16px}.about__card-icon{font-size:18px}.about__focus-list li{font-size:14px;color:var(--text-secondary);padding:6px 0;display:flex;align-items:center;gap:10px}.about__focus-arrow{color:var(--accent);font-size:12px}.about__edu h4{font-size:14px;color:var(--text-primary);margin-bottom:4px;line-height:1.4}.about__edu p{font-size:14px;color:var(--text-secondary);margin-bottom:4px}.about__edu-period{font-family:var(--font-mono);font-size:12px;color:var(--text-muted)}@media(max-width:768px){.about__grid{grid-template-columns:1fr;gap:40px}}.exp__container{display:grid;grid-template-columns:200px 1fr;gap:40px;min-height:300px}.exp__tabs{display:flex;flex-direction:column;border-left:2px solid var(--border)}.exp__tab{font-family:var(--font-mono);font-size:13px;padding:12px 20px;background:none;color:var(--text-secondary);text-align:left;transition:var(--transition);border-left:2px solid transparent;margin-left:-2px;position:relative;display:flex;align-items:center;gap:8px}.exp__tab:hover{background:var(--accent-dim);color:var(--accent)}.exp__tab--active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-dim)}.exp__tab-dot{width:6px;height:6px;background:#22c55e;border-radius:50%}.exp__panel-header{margin-bottom:20px}.exp__role{font-size:20px;font-weight:600;margin-bottom:6px;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.exp__company{display:inline-flex;align-items:center;gap:6px;transition:var(--transition)}.exp__period{font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.exp__description{font-size:15px;color:var(--text-secondary);line-height:1.8;margin-bottom:20px}.exp__tech-list{display:flex;flex-wrap:wrap;gap:8px}.exp__tech-tag{font-family:var(--font-mono);font-size:12px;padding:4px 12px;background:var(--accent-dim);color:var(--accent);border-radius:20px;border:1px solid rgba(100,255,218,.15)}@media(max-width:768px){.exp__container{grid-template-columns:1fr;gap:20px}.exp__tabs{flex-direction:row;border-left:none;border-bottom:2px solid var(--border);overflow-x:auto;-webkit-overflow-scrolling:touch}.exp__tab{border-left:none;border-bottom:2px solid transparent;margin-left:0;margin-bottom:-2px;white-space:nowrap}.exp__tab--active{border-left-color:transparent;border-bottom-color:var(--accent)}}.projects__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:20px}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;transition:var(--transition);cursor:default;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gradient-1);opacity:0;transition:var(--transition)}.project-card:hover{transform:translateY(-5px);border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.project-card:hover:before{opacity:1}.project-card__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.project-card__folder{font-size:36px;color:var(--accent)}.project-card__links{display:flex;gap:14px}.project-card__links a{color:var(--text-muted);font-size:20px;transition:var(--transition)}.project-card__links a:hover{color:var(--accent)}.project-card__title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary);transition:var(--transition)}.project-card:hover .project-card__title{color:var(--accent)}.project-card__description{font-size:14px;color:var(--text-secondary);line-height:1.7;flex-grow:1;margin-bottom:16px}.project-card__category{margin-bottom:16px}.project-card__badge{font-family:var(--font-mono);font-size:11px;padding:3px 10px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.project-card__badge--backend{background:#64ffda1a;color:var(--accent);border:1px solid rgba(100,255,218,.2)}.project-card__badge--frontend{background:#7c3aed1a;color:var(--accent-secondary);border:1px solid rgba(124,58,237,.2)}.project-card__badge--fullstack{background:#fbbf241a;color:#fbbf24;border:1px solid rgba(251,191,36,.2)}.project-card__tech{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}.project-card__tech span{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.project-card__tech span:not(:last-child):after{content:" ·";margin-left:8px}.projects__more{text-align:center;margin-top:50px}.projects__more-btn{font-family:var(--font-mono);font-size:14px;color:var(--accent);transition:var(--transition);padding:10px 20px;border:1px solid var(--accent);border-radius:var(--radius-sm);display:inline-block}.projects__more-btn:hover{background:var(--accent-dim);transform:translateY(-2px)}@media(max-width:480px){.projects__grid{grid-template-columns:1fr}}.tech__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.tech__category{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;transition:var(--transition)}.tech__category:hover{border-color:var(--border-hover)}.tech__category-title{font-family:var(--font-mono);font-size:13px;color:var(--accent);text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.tech__items{display:flex;flex-direction:column;gap:6px}.tech__item{display:flex;align-items:center;gap:14px;padding:10px 12px;border-radius:var(--radius-md);transition:var(--transition);cursor:default}.tech__item:hover{background:var(--accent-dim)}.tech__item-icon{font-size:20px;color:var(--text-muted);transition:var(--transition);flex-shrink:0}.tech__item:hover .tech__item-icon{color:var(--accent)}.tech__item-name{font-size:14px;color:var(--text-secondary);transition:var(--transition)}.tech__item:hover .tech__item-name{color:var(--text-primary)}.contact__wrapper{text-align:center;max-width:600px;margin:0 auto}.contact__wrapper .section-label{justify-content:center}.contact__text{font-size:16px;color:var(--text-secondary);line-height:1.8;margin-bottom:40px}.contact__links{display:flex;flex-direction:column;align-items:center;gap:24px;margin-bottom:30px}.contact__link--primary{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:16px;padding:16px 40px;background:transparent;color:var(--accent);border:2px solid var(--accent);border-radius:var(--radius-sm);transition:var(--transition)}.contact__link--primary:hover{background:var(--accent-dim);transform:translateY(-3px);box-shadow:0 10px 30px #64ffda26}.contact__socials{display:flex;gap:16px}.contact__social{width:44px;height:44px;display:flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);font-size:20px;transition:var(--transition)}.contact__social:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}.contact__location{display:flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-mono);font-size:13px;color:var(--text-muted)}.footer{padding:30px 24px;text-align:center;border-top:1px solid var(--border)}.footer__content{max-width:var(--max-width);margin:0 auto}.footer__credit{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);margin-bottom:6px}.footer__credit a{color:var(--accent);transition:var(--transition)}.footer__credit a:hover{text-decoration:underline}.footer__tech{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);opacity:.6}