:root{--bg-primary:#0a0a0b;--bg-secondary:#1a1a1f;--bg-tertiary:#2a2a32;--text-primary:#ffffff;--text-secondary:#b0b0b8;--text-muted:#808088;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--accent-pink:#ec4899;--accent-cyan:#06b6d4;--gradient-primary:linear-gradient(135deg, #3b82f6, #8b5cf6);--gradient-secondary:linear-gradient(135deg, #8b5cf6, #ec4899);--gradient-tertiary:linear-gradient(135deg, #06b6d4, #3b82f6);--gradient-quaternary:linear-gradient(135deg, #ec4899, #f59e0b);--shadow-glow:0 0 40px rgba(59, 130, 246, 0.3);--border-radius:16px;--transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{min-height:100vh;position:relative}.hero{padding:4rem 2rem 6rem;text-align:center;position:relative;background:radial-gradient(ellipse at center,rgba(59,130,246,.1) 0,transparent 70%);overflow:hidden}.hero-content{max-width:800px;margin:0 auto;position:relative;z-index:2}.name{font-size:clamp(3rem, 8vw, 6rem);font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem;letter-spacing:-.02em}.tagline{font-size:clamp(1.2rem, 3vw, 1.8rem);color:var(--text-secondary);margin-bottom:2rem;font-weight:300}.hero-description{font-size:1.1rem;color:var(--text-muted);max-width:600px;margin:0 auto;line-height:1.7}.floating-elements{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}.floating-icon{position:absolute;width:80px;height:80px;opacity:.08;animation:float 25s infinite ease-in-out}.floating-icon svg{width:100%;height:100%;color:currentColor}.floating-code{top:15%;right:10%;color:#3b82f6;animation-delay:-5s}.floating-star{top:60%;left:15%;color:#8b5cf6;animation-delay:-10s;transform:rotate(45deg)}.floating-mic{top:35%;right:20%;color:#06b6d4;animation-delay:-15s}.floating-music{top:70%;right:35%;color:#ec4899;animation-delay:-20s}@keyframes float{0%,100%{transform:translateY(0) rotate(0) scale(1)}25%{transform:translateY(-30px) rotate(90deg) scale(1.1)}50%{transform:translateY(-20px) rotate(180deg) scale(.9)}75%{transform:translateY(-40px) rotate(270deg) scale(1.05)}}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:1.5rem;padding:2rem;max-width:800px;margin:0 auto}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:2rem;max-width:900px}}.card{background:var(--bg-secondary);border-radius:var(--border-radius);padding:2.5rem;position:relative;cursor:pointer;transition:var(--transition);border:1px solid rgba(255,255,255,.1);overflow:hidden;min-height:280px;display:flex;flex-direction:column}.card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);transform:scaleX(0);transition:var(--transition)}.card:hover::before{transform:scaleX(1)}.card:hover{transform:translateY(-8px);box-shadow:var(--shadow-glow);border-color:rgba(59,130,246,.3)}.card-icon{width:60px;height:60px;margin-bottom:1.5rem;opacity:.8;transition:var(--transition)}.card-icon svg{width:100%;height:100%;color:var(--text-secondary)}.card:hover .card-icon{opacity:1;transform:scale(1.1)}.card h2{font-size:1.8rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.card p{color:var(--text-secondary);margin-bottom:1.5rem;flex-grow:1;line-height:1.6}.card-stats{font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.card-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,rgba(26,26,31,.95));padding:2rem;transform:translateY(100%);transition:var(--transition);display:flex;align-items:center;justify-content:center}.card:hover .card-overlay{transform:translateY(0)}.explore-btn{background:var(--gradient-primary);border:none;color:#fff;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:var(--transition);font-size:1rem}.explore-btn:hover{transform:scale(1.05);box-shadow:0 8px 25px rgba(59,130,246,.4)}.card.software:hover::before{background:var(--gradient-primary)}.card.software:hover .card-icon svg{color:#3b82f6}.card.software .explore-btn{background:var(--gradient-primary)}.card.acting:hover::before{background:var(--gradient-secondary)}.card.acting:hover .card-icon svg{color:#8b5cf6}.card.acting .explore-btn{background:var(--gradient-secondary)}.card.audiobooks:hover::before{background:var(--gradient-tertiary)}.card.audiobooks:hover .card-icon svg{color:#06b6d4}.card.audiobooks .explore-btn{background:var(--gradient-tertiary)}.card.music:hover::before{background:var(--gradient-quaternary)}.card.music:hover .card-icon svg{color:#ec4899}.card.music .explore-btn{background:var(--gradient-quaternary)}.image-showcase{background:var(--bg-secondary);padding:4rem 2rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);position:relative;overflow:hidden}.showcase-container{max-width:1200px;margin:0 auto;text-align:center}.image-showcase h3{font-size:2.5rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.image-showcase p{color:var(--text-secondary);margin-bottom:3rem;font-size:1.2rem}.image-strips{display:flex;justify-content:center;align-items:flex-end;gap:1rem;overflow-x:auto;padding:2rem 0;scroll-behavior:smooth}.image-strip{position:relative;min-width:120px;transition:var(--transition);cursor:pointer}.image-strip:nth-child(odd){animation:floatUp 6s ease-in-out infinite}.image-strip:nth-child(2n){animation:floatUp 6s ease-in-out infinite;animation-delay:-3s}@keyframes floatUp{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.image-strip:hover{transform:translateY(-15px) scale(1.05);z-index:10}.image-strip img{width:100%;height:auto;border-radius:var(--border-radius);box-shadow:0 10px 30px rgba(0,0,0,.3);transition:var(--transition);aspect-ratio:2/3;object-fit:cover}.image-strip:hover img{box-shadow:0 20px 50px rgba(59,130,246,.4)}.strip-label{position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);background:var(--bg-tertiary);color:var(--text-primary);padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600;border:1px solid rgba(255,255,255,.1);opacity:0;transition:var(--transition);white-space:nowrap}.image-strip:hover .strip-label{opacity:1;bottom:-5px}@media (max-width:768px){.image-strips{gap:.5rem;padding:1rem 0}.image-strip{min-width:80px}.image-showcase h3{font-size:2rem}.image-showcase p{font-size:1rem}}@media (min-width:1024px){.image-strip{min-width:150px}.image-strips{gap:1.5rem}}.contact-section{background:var(--bg-secondary);padding:4rem 2rem;text-align:center;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1)}.contact-content{max-width:600px;margin:0 auto}.contact-section h3{font-size:2rem;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.contact-section p{color:var(--text-secondary);margin-bottom:2rem;font-size:1.1rem}.contact-links{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-link{display:flex;align-items:center;gap:.5rem;color:var(--text-secondary);text-decoration:none;padding:.75rem 1.5rem;border:1px solid rgba(255,255,255,.2);border-radius:8px;transition:var(--transition)}.contact-link:hover{color:var(--text-primary);border-color:var(--accent-blue);background:rgba(59,130,246,.1);transform:translateY(-2px)}.contact-link svg{width:20px;height:20px}@media (max-width:768px){.hero{padding:2rem 1rem 4rem}.portfolio-grid{grid-template-columns:1fr;padding:1rem;gap:1.5rem}.card{padding:2rem;min-height:240px}.contact-links{flex-direction:column;align-items:center}.contact-link{width:200px;justify-content:center}.floating-icon{opacity:.04;width:60px;height:60px}}@media (max-width:480px){.card{padding:1.5rem}.card h2{font-size:1.5rem}.portfolio-grid{padding:.5rem}.image-showcase{padding:2rem 1rem}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card{animation:fadeInUp .6s ease-out}.card:first-child{animation-delay:.1s}.card:nth-child(2){animation-delay:.2s}.card:nth-child(3){animation-delay:.3s}.card:nth-child(4){animation-delay:.4s}