:root{--primary-color: #00d4ff;--secondary-color: #ff6b6b;--accent-color: #4ecdc4;--background-dark: #0f0f23;--background-medium: #1a1a2e;--background-light: #16213e;--text-light: #ffffff;--text-muted: #a0a0a0;--card-background: rgba(255, 255, 255, .05);--card-border: rgba(255, 255, 255, .1);--section-padding: 80px 0;--container-padding: 0 20px;--max-width: 1200px;--font-size-hero: 3.5rem;--font-size-h2: 2.5rem;--font-size-h3: 1.8rem;--font-size-body: 1rem;--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1);--transition-bounce: all .4s cubic-bezier(.68, -.55, .265, 1.55)}@media (max-width: 768px){:root{--font-size-hero: 2.5rem;--font-size-h2: 2rem;--font-size-h3: 1.5rem;--section-padding: 60px 0}}.container{max-width:var(--max-width);margin:0 auto;padding:var(--container-padding)}.section{padding:var(--section-padding);position:relative}.section-title{font-size:var(--font-size-h2);color:var(--text-light);margin-bottom:2rem;text-align:center;font-weight:700}.glass-card{background:var(--card-background);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--card-border);border-radius:16px;padding:2rem;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-5px);border-color:var(--primary-color);box-shadow:0 20px 40px #00d4ff1a}.grid{display:grid;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.flex-center{display:flex;align-items:center;justify-content:center}.text-gradient{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section{position:relative;z-index:1}nav{position:fixed!important;z-index:9999!important;top:0;left:0;right:0}#hero{margin-top:0;padding-top:6rem}@media (max-width: 768px){#hero{padding-top:5rem}.profile-photo-container{position:relative;z-index:1;max-width:100%;overflow:visible}}.navbar{z-index:9999!important}.hero-content{z-index:1!important}.nav-link{color:var(--text-muted);text-decoration:none;padding:.5rem 1rem;border-radius:8px;transition:var(--transition-smooth);position:relative}.nav-link:hover{color:var(--primary-color);background:rgba(0,212,255,.1)}.nav-link.active{color:var(--primary-color)}.btn-primary{background:linear-gradient(135deg,var(--primary-color),var(--accent-color));color:#fff;border:none;padding:1rem 2rem;border-radius:12px;font-weight:600;cursor:pointer;transition:var(--transition-bounce);text-decoration:none;display:inline-block}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #00d4ff4d}.skill-tag{background:rgba(0,212,255,.1);color:var(--primary-color);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;border:1px solid rgba(0,212,255,.3);margin:.25rem;display:inline-block;transition:var(--transition-smooth)}.skill-tag:hover{background:rgba(0,212,255,.2);transform:scale(1.05)}.icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:12px;background:linear-gradient(135deg,var(--primary-color),var(--accent-color));margin-bottom:1rem}.show-more-btn{background:transparent;border:2px solid var(--primary-color);color:var(--primary-color);padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);font-weight:600;margin:2rem auto;display:block}.show-more-btn:hover{background:var(--primary-color);color:#fff;transform:translateY(-2px)}.explore-btn{position:relative;overflow:hidden}.explore-btn .btn-text{display:flex;align-items:center;justify-content:center;gap:.5rem;transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.explore-btn .icon,.explore-btn .text{transition:transform .6s cubic-bezier(.68,-.55,.265,1.55)}.explore-btn.flying .btn-text{transform:translate(120%)}.explore-btn.flying .icon{transform:translate(200%) rotate(45deg)}.explore-btn.flying .text{transform:translate(100%)}.explore-btn:hover{box-shadow:0 15px 40px #00d4ff99;transform:translateY(-2px)}.explore-btn:hover .icon{transform:scale(1.2) rotate(10deg)}.explore-btn.flying:after{content:"🚀 Loading...";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-weight:700;opacity:0;animation:slideUpFade .6s ease-out forwards}@keyframes slideUpFade{0%{opacity:0;transform:translate(-50%,100%)}50%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-100%)}}@media (max-width: 768px){.explore-btn{width:100%;padding:1rem;font-size:1rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out forwards}.animate-fade-in-left{animation:fadeInLeft .6s ease-out forwards}.animate-fade-in-right{animation:fadeInRight .6s ease-out forwards}.animate-pulse{animation:pulse 2s infinite}.animate-float{animation:float 3s ease-in-out infinite}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333;background:linear-gradient(135deg,#0f0f23 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh}#root{width:100%;min-height:100vh}