@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");.portfolio-dashboard-container{font-family:Poppins,sans-serif;min-height:100vh;background:linear-gradient(135deg,#ffffff,#fafafa);padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.portfolio-dashboard-main{font-family:Poppins,sans-serif;max-width:1200px;margin:0 auto;transition:all .8s cubic-bezier(.4,0,.2,1)}.portfolio-dashboard-main.portfolio-dashboard-visible{transform:translateY(0);opacity:1}.portfolio-dashboard-main.portfolio-dashboard-hidden{transform:translateY(30px);opacity:0}.portfolio-dashboard-hero{font-family:Poppins,sans-serif;display:grid;grid-template-columns:1fr 2fr;gap:3rem;align-items:center;margin-bottom:4rem;min-height:500px}.portfolio-dashboard-profile{text-align:center;font-family:Poppins,sans-serif;animation:portfolio-fadeInLeft 1s ease-out .3s both}.portfolio-dashboard-avatar{width:280px;height:280px;border-radius:50%;border:6px solid #dc2626;box-shadow:0 20px 40px rgba(220,38,38,.15);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;margin:0 auto 2rem;background-image:url(/_next/static/media/profile.92afbc65.jpg);background-size:cover;background-position:50%;background-repeat:no-repeat}.portfolio-dashboard-avatar:hover{transform:scale(1.05) rotate(2deg);box-shadow:0 25px 50px rgba(220,38,38,.25)}.portfolio-dashboard-avatar:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.1),transparent);transform:rotate(45deg);animation:portfolio-shimmer 3s infinite}.portfolio-dashboard-name{font-size:2.5rem;font-weight:700;color:#374151;margin-bottom:.5rem;animation:portfolio-fadeInUp .8s ease-out .6s both}.portfolio-dashboard-title{font-size:1.25rem;color:#dc2626;font-weight:600;min-height:32px;margin-bottom:1rem;overflow:hidden}.portfolio-dashboard-skill{display:inline-block;animation:portfolio-slideInRight .6s ease-out}.portfolio-dashboard-bio{color:#6b7280;font-size:1.1rem;line-height:1.6;max-width:300px;margin:0 auto;animation:portfolio-fadeInUp .8s ease-out .9s both}.portfolio-dashboard-content{animation:portfolio-fadeInRight 1s ease-out .5s both}.portfolio-dashboard-greeting{font-size:1.5rem;color:#6b7280;margin-bottom:1rem;font-weight:300}.portfolio-dashboard-headline{font-size:3.5rem;font-weight:800;color:#374151;line-height:1.1;margin-bottom:1.5rem;background:linear-gradient(135deg,#374151,#6b7280);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.portfolio-dashboard-headline-accent{color:#dc2626}.portfolio-dashboard-description{font-size:1.2rem;color:#6b7280;line-height:1.7;margin-bottom:2.5rem;max-width:600px}.portfolio-dashboard-cta{display:flex;gap:1rem;flex-wrap:wrap}.portfolio-dashboard-button{padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;cursor:pointer;border:none}.portfolio-dashboard-button-primary{background:linear-gradient(135deg,#dc2626,#b91c1c);color:white;box-shadow:0 8px 25px rgba(220,38,38,.3)}.portfolio-dashboard-button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 35px rgba(220,38,38,.4)}.portfolio-dashboard-button-secondary{background:transparent;color:#374151;border:2px solid #374151}.portfolio-dashboard-button-secondary:hover{background:#374151;color:white;transform:translateY(-2px)}.portfolio-dashboard-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.portfolio-dashboard-stat-card{background:white;padding:2rem;border-radius:20px;text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(220,38,38,.1);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.portfolio-dashboard-stat-card:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 20px 40px rgba(220,38,38,.15)}.portfolio-dashboard-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#dc2626,#b91c1c)}.portfolio-dashboard-stat-icon{font-size:2.5rem;margin-bottom:1rem;display:block;animation:portfolio-bounce 2s infinite}.portfolio-dashboard-stat-value{font-size:2.5rem;font-weight:800;color:#dc2626;margin-bottom:.5rem}.portfolio-dashboard-stat-label{color:#6b7280;font-weight:600;font-size:1rem}@keyframes portfolio-fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes portfolio-fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes portfolio-fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes portfolio-slideInRight{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes portfolio-shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@keyframes portfolio-bounce{0%,20%,53%,80%,to{transform:translateY(0)}40%,43%{transform:translateY(-10px)}70%{transform:translateY(-5px)}90%{transform:translateY(-2px)}}@media (max-width:768px){.portfolio-dashboard-hero{grid-template-columns:1fr;text-align:center;gap:2rem}.portfolio-dashboard-headline{font-size:2.5rem}.portfolio-dashboard-avatar{width:220px;height:220px}.portfolio-dashboard-stats{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.portfolio-dashboard-cta{justify-content:center}}.portfolio-preloader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffffff,#fafafa);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:9999;transition:opacity .5s ease-out}.portfolio-preloader-overlay.portfolio-preloader-hidden{opacity:0}.portfolio-preloader-overlay.portfolio-preloader-visible{opacity:1}.portfolio-preloader-content{display:flex;flex-direction:column;align-items:center;gap:2rem}.portfolio-preloader-spinner{width:80px;height:80px;position:relative}.portfolio-preloader-ring{position:absolute;width:100%;height:100%;border:3px solid transparent;border-radius:50%;animation:portfolio-preloader-spin 1.5s linear infinite}.portfolio-preloader-ring:first-child{border-top-color:#dc2626;animation-delay:0s}.portfolio-preloader-ring:nth-child(2){border-right-color:#b91c1c;animation-delay:-.4s;transform:scale(.8)}.portfolio-preloader-ring:nth-child(3){border-bottom-color:#dc2626;animation-delay:-.8s;transform:scale(.6)}.portfolio-preloader-progress-container{width:200px;height:4px;background-color:#f3f4f6;border-radius:2px;overflow:hidden;position:relative}.portfolio-preloader-progress-bar{height:100%;background:linear-gradient(90deg,#dc2626,#b91c1c);border-radius:2px;transition:width .3s ease-out;position:relative}.portfolio-preloader-progress-bar:after{content:"";position:absolute;top:0;right:0;width:20px;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent);animation:portfolio-preloader-shimmer 1.5s infinite}.portfolio-preloader-text{color:#374151;font-size:1.125rem;font-weight:500;letter-spacing:.025em;margin-bottom:.5rem;animation:portfolio-preloader-pulse-text 2s ease-in-out infinite}.portfolio-preloader-percentage{color:#6b7280;font-size:.875rem;font-weight:400;min-width:40px;text-align:center}.portfolio-preloader-dots{display:flex;gap:4px;margin-top:1rem}.portfolio-preloader-dot{width:8px;height:8px;background-color:#dc2626;border-radius:50%;animation:portfolio-preloader-bounce 1.4s ease-in-out infinite both}.portfolio-preloader-dot:first-child{animation-delay:-.32s}.portfolio-preloader-dot:nth-child(2){animation-delay:-.16s}.portfolio-preloader-dot:nth-child(3){animation-delay:0s}@keyframes portfolio-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes portfolio-preloader-shimmer{0%{transform:translateX(-20px)}to{transform:translateX(220px)}}@keyframes portfolio-preloader-pulse-text{0%,to{opacity:1}50%{opacity:.7}}@keyframes portfolio-preloader-bounce{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@media (max-width:640px){.portfolio-preloader-spinner{width:60px;height:60px}.portfolio-preloader-progress-container{width:160px}.portfolio-preloader-text{font-size:1rem}}