#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-section{min-height:100vh;background:linear-gradient(135deg,#4a90e2,#2e86ab 50%,#1f5f8b);position:relative;display:flex;align-items:center;overflow:hidden}.hero-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.3);z-index:1}.hero-container{position:relative;z-index:3;padding:4rem 2rem}.hero-content{position:relative;z-index:4;max-width:900px;margin:0 auto}.hero-avatar{border:6px solid hsla(0,0%,100%,.9);box-shadow:0 20px 60px rgba(0,0,0,.4);transition:all .4s ease;background:#fff}.hero-avatar:hover{transform:scale(1.08) translateY(-5px);box-shadow:0 25px 80px rgba(0,0,0,.5)}.hero-title{font-size:4.5rem!important;line-height:1.1;text-shadow:0 4px 12px rgba(0,0,0,.3);letter-spacing:-.02em}.hero-subtitle{font-size:1.8rem!important;font-weight:300;opacity:.95;text-shadow:0 2px 8px rgba(0,0,0,.2);letter-spacing:.5px}.hero-description{font-size:1.3rem!important;line-height:1.6;opacity:.9;text-shadow:0 2px 6px rgba(0,0,0,.2);font-weight:300}.hero-btn-primary{padding:12px 32px!important;box-shadow:0 8px 25px rgba(0,0,0,.2);transition:all .3s ease;border:2px solid transparent}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(0,0,0,.3)}.hero-btn-secondary{padding:12px 32px!important;border:2px solid hsla(0,0%,100%,.8)!important;transition:all .3s ease;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1)!important}.hero-btn-secondary:hover{transform:translateY(-3px);background:hsla(0,0%,100%,.2)!important;border-color:#fff!important;box-shadow:0 8px 25px rgba(0,0,0,.2)}.social-btn{transition:all .3s ease;backdrop-filter:blur(10px);background:hsla(0,0%,100%,.1)!important;border-radius:50%!important}.social-btn:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-3px) scale(1.1)}.floating-shapes{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;overflow:hidden}.shape{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);animation:float 6s ease-in-out infinite}.shape-1{width:80px;height:80px;top:20%;left:10%;animation-delay:0s}.shape-2{width:120px;height:120px;top:60%;right:15%;animation-delay:2s}.shape-3{width:60px;height:60px;bottom:30%;left:20%;animation-delay:4s}.shape-4{width:100px;height:100px;top:10%;right:30%;animation-delay:1s}.name-intro{animation:fadeInUp 1s ease-out}.intro-text{max-width:500px;margin:0 auto;animation:fadeInUp 1s ease-out .2s both}.action-buttons{animation:fadeInUp 1s ease-out .4s both}.social-links{animation:fadeInUp 1s ease-out .6s both}.scroll-indicator{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);z-index:2}.scroll-btn{color:hsla(0,0%,100%,.8)!important;animation:bounce 2s infinite}.scroll-btn:hover{color:#fff!important}.portfolio-section{background:linear-gradient(180deg,#e3f2fd,#bbdefb 50%,#e3f2fd)}.portfolio-divider{background:linear-gradient(90deg,#667eea,#764ba2);height:3px!important;border-radius:2px;width:100px}.project-image-card{position:relative;overflow:hidden;transition:all .4s ease}.project-image-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px rgba(0,0,0,.15)!important}.project-image{transition:transform .4s ease}.project-image-card:hover .project-image{transform:scale(1.08)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);opacity:0;transition:opacity .3s ease;display:flex;align-items:center;justify-content:center}.project-image-card:hover .project-overlay{opacity:1}.overlay-buttons{display:flex;gap:12px}.overlay-btn{transform:scale(.8);transition:all .3s ease}.project-overlay:hover .overlay-btn{transform:scale(1)}.overlay-btn:hover{transform:scale(1.1)!important}.project-content-card{transition:all .3s ease;background:#fff;height:50%}.project-content-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.1)!important}.project-header{border-bottom:1px solid #f0f0f0;padding-bottom:12px}.project-description{line-height:1.6;min-height:60px}.project-tech{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.tech-chip{transition:all .3s ease;font-weight:500;font-size:.75rem}.tech-chip:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(102,126,234,.3)}.project-links{border-top:1px solid #f0f0f0;padding-top:12px}@media (max-width:960px){.portfolio-section .v-col{margin-bottom:2rem}}@media (max-width:600px){.project-image-card{margin-bottom:1rem}.overlay-buttons{gap:8px}.overlay-btn{padding:8px!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(10px) rotate(240deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}@media (max-width:960px){.hero-container{padding:3rem 1.5rem}.hero-title{font-size:3.5rem!important}.hero-subtitle{font-size:1.5rem!important}.hero-description{font-size:1.1rem!important}}@media (max-width:600px){.hero-container{padding:2rem 1rem}.hero-title{font-size:2.8rem!important}.hero-subtitle{font-size:1.3rem!important}.hero-description{font-size:1rem!important}.action-buttons .v-btn{display:block;width:100%;margin:.75rem 0!important}.hero-avatar{width:120px!important;height:120px!important}.social-btn{margin:0 .5rem!important}}.modal-image{border-radius:0}.tech-showcase{display:flex;flex-wrap:wrap;gap:8px}.feature-list{background:transparent}.feature-list .v-list-item{padding-left:0;min-height:40px}.feature-list .v-list-item-title{font-size:.95rem;color:#424242}@media (max-width:600px){.v-dialog{margin:12px}.modal-image{height:250px!important}}