#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-section{min-height:100vh;background:radial-gradient(circle at top right,#2c3e50 0,#000 100%);position:relative;display:flex;align-items:center;overflow:hidden}.hero-container{position:relative;z-index:3;padding:2rem}.greeting-badge{display:inline-flex;align-items:center;padding:8px 16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50px;color:#fff;font-size:.9rem;letter-spacing:1px;text-transform:uppercase;backdrop-filter:blur(10px)}.wave{display:inline-block;margin-right:8px;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}to{transform:rotate(0deg)}}.hero-title{font-size:5rem!important;line-height:1.1;letter-spacing:-2px;color:#fff}.text-gradient{background:linear-gradient(120deg,#4facfe,#00f2fe);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:2rem!important;font-weight:300;color:hsla(0,0%,100%,.85);line-height:1.4}.highlight{color:#4facfe;font-weight:600}.hero-description{font-size:1.2rem!important;line-height:1.8;color:hsla(0,0%,100%,.7);max-width:550px;font-weight:300}.hero-btn-primary{background:linear-gradient(90deg,#4facfe,#00f2fe)!important;font-weight:600;letter-spacing:.5px;text-transform:none!important;transition:all .3s ease}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px rgba(79,172,254,.4)}.social-icon-btn{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.05);transition:all .3s ease}.social-icon-btn:hover{background:#fff;color:#2c3e50!important;transform:translateY(-3px)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-avatar-large{border:8px solid hsla(0,0%,100%,.1);position:relative;z-index:2;box-shadow:0 20px 50px rgba(0,0,0,.3)}.avatar-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(79,172,254,.4) 0,transparent 70%);z-index:1;animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:.6}}.glass-card-backdrop{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-6deg);width:320px;height:380px;background:hsla(0,0%,100%,.05);border-radius:40px;backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.1);z-index:1}.float-badge{position:absolute;background:#fff;padding:10px 20px;border-radius:30px;box-shadow:0 10px 30px rgba(0,0,0,.15);display:flex;align-items:center;font-weight:600;font-size:.9rem;z-index:3;animation:floatBadge 6s ease-in-out infinite}.badge-1{top:10%;right:0;animation-delay:0s}.badge-2{bottom:15%;right:-20px;animation-delay:2s}.badge-3{bottom:30%;left:-20px;animation-delay:4s}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.floating-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0}.shape{position:absolute;border-radius:50%;background:linear-gradient(45deg,hsla(0,0%,100%,.05),hsla(0,0%,100%,.01));animation:float 20s linear infinite}.shape-1{width:300px;height:300px;top:-100px;right:-50px}.shape-2{width:200px;height:200px;bottom:10%;left:10%;animation-delay:-5s}.shape-3{width:100px;height:100px;top:40%;right:20%;animation-delay:-10s}.scroll-indicator{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);z-index:3}.mouse{width:30px;height:50px;border:2px solid hsla(0,0%,100%,.5);border-radius:20px;position:relative}.wheel{width:4px;height:8px;background:#fff;position:absolute;top:8px;left:50%;transform:translateX(-50%);border-radius:2px;animation:scrollMouse 2s infinite}@keyframes scrollMouse{0%{opacity:1;top:8px}to{opacity:0;top:24px}}@media (max-width:960px){.hero-title{font-size:3rem!important}.hero-subtitle{font-size:1.5rem!important}.hero-text-col{text-align:center}.hero-content{align-items:center;display:flex;flex-direction:column}.action-buttons{justify-content:center}.social-links-row{margin-left:0;margin-top:20px}}.skills-section{background:#0f172a;position:relative;overflow:hidden}.skills-divider{height:4px;width:60px;background:linear-gradient(90deg,#4a90e2,#2e86ab);border-radius:2px}.skill-category-card{background:hsla(0,0%,100%,.02);border:1px solid hsla(0,0%,100%,.05);border-radius:24px;transition:all .3s ease}.skill-category-card:hover{background:hsla(0,0%,100%,.05);border-color:rgba(79,172,254,.3);transform:translateY(-5px)}.category-title{border-left:4px solid #4facfe;padding-left:12px}.skill-pill-dark{background:hsla(0,0%,100%,.05);backdrop-filter:blur(10px);padding:10px 20px;border-radius:50px;border:1px solid hsla(0,0%,100%,.1);transition:all .3s cubic-bezier(.175,.885,.32,1.275);cursor:default}.skill-pill-dark:hover{transform:translateY(-3px);background:rgba(79,172,254,.1);border-color:#4facfe;box-shadow:0 5px 15px rgba(79,172,254,.15)}.skill-text-dark{font-size:.95rem;font-weight:500;color:hsla(0,0%,100%,.9);letter-spacing:.3px}.skill-pill-dark:hover .skill-text-dark{color:#4facfe}.portfolio-section{background:#0f172a;position:relative}.section-title{font-size:3rem!important;color:#fff}.section-divider{width:80px;height:4px;background:linear-gradient(90deg,#4facfe,#00f2fe);border-radius:2px}.section-subtitle{font-size:1.1rem;color:hsla(0,0%,100%,.6);max-width:600px;margin:0 auto}.project-card{background:rgba(30,41,59,.7)!important;backdrop-filter:blur(12px);border:1px solid hsla(0,0%,100%,.08);border-radius:24px!important;overflow:hidden;transition:all .4s ease;cursor:pointer}.project-card:hover{transform:translateY(-8px);border-color:rgba(79,172,254,.5);box-shadow:0 20px 40px rgba(0,0,0,.4)!important}.project-image-wrapper{position:relative;overflow:hidden}.project-image{transition:transform .6s ease}.zoom-effect{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.opacity-1{opacity:1}.view-btn{background:hsla(0,0%,100%,.2);backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.3)}.category-chip{background:rgba(79,172,254,.15)!important;color:#4facfe!important;font-weight:600;letter-spacing:.5px}.project-description-truncate{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.6}.project-tech-stack{flex-wrap:wrap;font-size:.85rem;color:hsla(0,0%,100%,.6)}.project-tech-stack,.tech-dot{display:flex;align-items:center}.dot-color{width:8px;height:8px;border-radius:50%;background:#4facfe;margin-right:6px;display:inline-block}.modal-card{background:#1e293b!important;border-radius:24px!important;border:1px solid hsla(0,0%,100%,.1);overflow:hidden}.modal-close-btn{position:absolute;top:16px;right:16px;z-index:10;background:rgba(0,0,0,.3);backdrop-filter:blur(4px);border-radius:50%}.modal-hero-image{position:relative}.modal-hero-overlay{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(0deg,#1e293b 0,transparent);padding-top:100px}.modal-content-body{background:#1e293b}.tech-sidebar{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.05)}.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}}