.hero{min-height:100vh;display:flex;align-items:center;padding-top:10rem;background:var(--gradient-radial);text-align:center}.hero-content{max-width:90rem;margin:0 auto}.hero-tag{display:inline-block;padding:.8rem 2rem;background:rgba(255,255,255,.05);border-radius:5rem;border:1px solid rgba(255,255,255,.1);font-size:1.4rem;margin-bottom:2rem;color:var(--text-secondary)}.hero h1{font-size:var(--fs-hero);line-height:1.1;margin-bottom:3rem;font-weight:800;letter-spacing:-3px}.hero p{font-size:var(--fs-text-lg);color:var(--text-secondary);margin-bottom:5rem;max-width:65rem;margin-left:auto;margin-right:auto}.btn-primary{display:inline-block;background:var(--gradient-primary);color:white;padding:1.5rem 4rem;border-radius:5rem;font-size:var(--fs-button);font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:var(--transition-smooth);box-shadow:0 4px 15px rgba(255,10,67,.4)}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 1rem 3rem rgba(255,10,67,.4)}.social-links{gap:2.5rem;margin-top:5rem}.social-icon,.social-links{display:flex;justify-content:center}.social-icon{width:5rem;height:5rem;border-radius:50%;background:rgba(255,255,255,.05);align-items:center;color:var(--text-secondary);border:1px solid rgba(255,255,255,.1);transition:var(--transition-smooth)}.social-icon:hover{background-color:var(--primary);color:white;transform:translateY(-5px);box-shadow:var(--neon-glow);border-color:var(--primary)}@media (max-width:992px){.hero h1{font-size:6rem}}@media (max-width:768px){.hero h1{font-size:5rem}.hero p{font-size:var(--fs-text-md)}}.portfolio{padding:15rem 0;background-color:var(--bg-dark)}.section-title{font-size:var(--fs-title-xl);text-align:center;margin-bottom:10rem;font-weight:800}.section-title:after{content:"";display:block;width:6rem;height:.4rem;background:var(--gradient-primary);margin:1.5rem auto 0;border-radius:2rem}.portfolio-list{display:flex;flex-direction:column;gap:15rem}.project-row{display:grid;grid-template-columns:1fr 1.2fr;grid-gap:10rem;gap:10rem;align-items:center}.project-row:nth-child(2n){direction:rtl}.project-row:nth-child(2n) .project-info{direction:ltr}.project-title{font-size:var(--fs-title-lg);margin-bottom:3rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-description{font-size:var(--fs-text-lg);color:var(--text-secondary);margin-bottom:4rem;line-height:1.8;max-width:50rem}.btn-link{display:inline-block;background:var(--gradient-primary);color:white;padding:1.2rem 3rem;border-radius:5rem;font-size:var(--fs-button);font-weight:700;text-transform:uppercase;transition:var(--transition-smooth);box-shadow:0 4px 15px rgba(255,10,67,.3)}.btn-link:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,10,67,.5)}.project-mockups{position:relative;display:flex;justify-content:center;align-items:flex-end;width:100%;margin:0 auto}.mockup-desktop{width:75%;max-width:60rem;box-shadow:0 2rem 6rem rgba(0,0,0,.6)}.mockup-desktop,.mockup-mobile{height:auto;border-radius:1.5rem;transition:var(--transition-smooth)}.mockup-mobile{position:relative;width:25%;max-width:13rem;box-shadow:0 1rem 4rem rgba(0,0,0,.7);border:4px solid var(--bg-surface);margin-left:-5%;margin-bottom:2rem;z-index:2}.project-row:hover .mockup-desktop,.project-row:hover .mockup-mobile{transform:translateY(-1rem) scale(1.02)}.no-projects{text-align:center;font-size:var(--fs-text-lg);color:var(--text-secondary)}@media (max-width:992px){.project-row{grid-template-columns:1fr;gap:8rem;text-align:center}.project-row:nth-child(2n){direction:ltr}.project-description{margin-left:auto;margin-right:auto}.project-mockups{justify-content:center}}@media (max-width:576px){.portfolio{padding:8rem 0}.project-title{font-size:var(--fs-title-md)}.mockup-desktop{width:70%}.mockup-mobile{width:30%;margin-left:-8%;border-width:2px}}