.portfolio-page{background:linear-gradient(to bottom right,#1a1a1a,#2f0059,#8a0066);min-height:100vh;color:white;font-family:sans-serif}.portfolio-hero{display:flex;flex-wrap:wrap;padding:6rem 2rem;position:relative;overflow:hidden;justify-content:center}.portfolio-hero-bg:after,.portfolio-hero-bg:before{content:"";position:absolute;width:350px;height:350px;border-radius:50%;filter:blur(120px);opacity:.3;animation:floatAnimation 7s ease-in-out infinite alternate}.portfolio-hero-bg:before{background:#ff0095;top:10%;left:-5%}.portfolio-hero-bg:after{background:#7d31ff;bottom:10%;right:-10%}@keyframes floatAnimation{0%{transform:translateY(0)}to{transform:translateY(-30px)}}.portfolio-hero-content{max-width:600px;text-align:center;margin-bottom:2rem;z-index:2}.portfolio-title{font-size:3rem;font-weight:800;line-height:1.2;text-shadow:0 0 20px rgba(255,0,150,.4)}.portfolio-subtitle{color:#d3c9e8;margin:1rem 0 2rem;font-size:1.2rem}.portfolio-upgrade-btn{background:linear-gradient(90deg,#ff0ea8,#9b00ff);padding:.9rem 2rem;border-radius:12px;color:white;font-size:1.1rem;border:none;cursor:pointer;font-weight:600;transition:.3s;box-shadow:0 0 20px rgba(255,0,160,.4)}.portfolio-upgrade-btn:hover{transform:scale(1.05) translateY(-3px);box-shadow:0 0 30px rgba(255,0,160,.6)}.portfolio-hero-image{position:relative;max-width:400px;margin-left:2rem}.portfolio-hero-image img{width:100%;border-radius:20px;box-shadow:0 0 25px rgba(255,0,180,.4);animation:popIn 1.2s ease forwards}@keyframes popIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}.floating-chart{position:absolute;bottom:-40px;right:-30px;width:55%;border-radius:20px;animation:float 4s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-12px)}to{transform:translateY(0)}}.portfolio-features{padding:5rem 2rem;text-align:center}.section-title{font-size:2.4rem;font-weight:700;margin-bottom:2rem;text-shadow:0 0 15px rgba(255,0,200,.4)}.features-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:rgba(255,255,255,.08);padding:2rem;border-radius:18px;backdrop-filter:blur(12px);transition:.3s;border:1px solid rgba(255,255,255,.1)}.feature-card:hover{transform:translateY(-8px) scale(1.03);background:rgba(255,255,255,.15)}.feature-icon{font-size:2.5rem;margin-bottom:1rem}.portfolio-demo-image img{width:100%;max-width:700px;margin:3rem auto;border-radius:20px;box-shadow:0 0 40px rgba(150,0,255,.4);animation:fadeIn 1.3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}.portfolio-premium-cta{background:linear-gradient(90deg,#ff0ea8,#9b00ff);padding:1rem 2.5rem;border-radius:16px;color:white;font-size:1.3rem;font-weight:600;cursor:pointer;border:none;margin-top:1rem;transition:.3s;box-shadow:0 0 25px rgba(240,0,255,.4)}.portfolio-premium-cta:hover{transform:scale(1.05) translateY(-4px);box-shadow:0 0 35px rgba(240,0,255,.6)}@media (max-width:768px){.portfolio-title{font-size:2.2rem}.portfolio-upgrade-btn{margin-top:1rem}.portfolio-hero{text-align:center}.portfolio-hero-image{margin:2rem auto 0}}