*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0e27;--bg-secondary: #151932;--bg-card: #1a1f3a;--accent-primary: #00d4ff;--accent-secondary: #7c3aed;--accent-gradient: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--text-primary: #e2e8f0;--text-secondary: #94a3b8;--text-muted: #64748b;--border: #2d3250}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg-primary);scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 24px}header{background:#0a0e27f2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}nav{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0}.logo{font-size:1.5rem;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}nav ul{display:flex;list-style:none;gap:2.5rem}nav a{text-decoration:none;color:var(--text-secondary);font-weight:500;font-size:.95rem;transition:color .3s;position:relative}nav a:hover{color:var(--accent-primary)}nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--accent-gradient);transition:width .3s}nav a:hover:after{width:100%}.hero{padding:8rem 0 6rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,rgba(0,212,255,.15) 0%,transparent 70%);border-radius:50%;animation:pulse 8s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.3}}.hero-content{position:relative;z-index:1}.hero-label{display:inline-block;padding:.5rem 1rem;background:#00d4ff1a;border:1px solid rgba(0,212,255,.3);border-radius:50px;color:var(--accent-primary);font-size:.875rem;font-weight:600;margin-bottom:1.5rem;animation:fadeInUp .8s ease}.hero h1{font-size:4rem;font-weight:800;margin-bottom:1rem;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:fadeInUp .8s ease .2s both}.hero .subtitle{font-size:1.5rem;color:var(--text-secondary);margin-bottom:2rem;animation:fadeInUp .8s ease .4s both}.hero-description{font-size:1.125rem;color:var(--text-muted);max-width:650px;line-height:1.8;margin-bottom:3rem;animation:fadeInUp .8s ease .6s both}.hero-buttons{display:flex;gap:1rem;animation:fadeInUp .8s ease .8s both}.btn{padding:1rem 2rem;border-radius:12px;text-decoration:none;font-weight:600;font-size:.95rem;transition:all .3s;display:inline-flex;align-items:center;gap:.5rem;border:none;cursor:pointer}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px #00d4ff4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 30px #00d4ff66}.btn-secondary{background:transparent;border:2px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--accent-primary);background:#00d4ff1a}section{padding:6rem 0}.section-header{margin-bottom:4rem}.section-label{display:inline-block;color:var(--accent-primary);font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;margin-bottom:1rem}.section-title{font-size:2.5rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem}.section-description{font-size:1.125rem;color:var(--text-muted);max-width:700px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem}.stat-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center;transition:all .3s}.stat-card:hover{border-color:var(--accent-primary);transform:translateY(-5px)}.stat-number{font-size:3rem;font-weight:800;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.95rem}.skills-container{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.skill-category{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.skill-category:hover{border-color:var(--accent-primary)}.skill-category h3{color:var(--accent-primary);font-size:1.25rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem}.skill-category h3:before{content:"";width:8px;height:8px;background:var(--accent-gradient);border-radius:50%;box-shadow:0 0 10px var(--accent-primary)}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag{background:#00d4ff1a;border:1px solid rgba(0,212,255,.2);color:var(--text-primary);padding:.5rem 1rem;border-radius:8px;font-size:.875rem;font-weight:500;transition:all .3s}.skill-tag:hover{background:#00d4ff33;border-color:var(--accent-primary)}.timeline{position:relative;padding-left:3rem}.timeline:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--accent-primary) 0%,var(--accent-secondary) 100%)}.timeline-item{position:relative;margin-bottom:3rem;padding-left:2rem}.timeline-item:before{content:"";position:absolute;left:-3.5rem;top:0;width:16px;height:16px;background:var(--accent-primary);border:3px solid var(--bg-primary);border-radius:50%;box-shadow:0 0 0 4px #00d4ff33}.experience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s}.experience-card:hover{border-color:var(--accent-primary);transform:translate(10px)}.experience-header{margin-bottom:1.5rem}.experience-title{font-size:1.5rem;color:var(--text-primary);font-weight:700;margin-bottom:.5rem}.experience-company{color:var(--accent-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.experience-date{color:var(--text-muted);font-size:.875rem;display:inline-block;padding:.25rem .75rem;background:#00d4ff1a;border-radius:6px}.experience-card ul{list-style:none;color:var(--text-secondary)}.experience-card li{padding:.5rem 0 .5rem 1.5rem;position:relative}.experience-card li:before{content:"▹";position:absolute;left:0;color:var(--accent-primary);font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:2rem;transition:all .3s;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--accent-gradient);transform:scaleX(0);transition:transform .3s}.project-card:hover:before{transform:scaleX(1)}.project-card:hover{border-color:var(--accent-primary);transform:translateY(-8px)}.project-icon{width:48px;height:48px;background:#00d4ff1a;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:1.5rem}.project-card h3{color:var(--text-primary);font-size:1.375rem;margin-bottom:1rem}.project-card p{color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.7}.tech-stack{display:flex;flex-wrap:wrap;gap:.5rem}.tech-badge{background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);color:var(--accent-secondary);padding:.375rem .875rem;border-radius:6px;font-size:.8rem;font-weight:600}.contact-container{max-width:700px;margin:0 auto;text-align:center}.contact-container h2{font-size:3rem;margin-bottom:1rem}.contact-container p{font-size:1.25rem;color:var(--text-secondary);margin-bottom:3rem}.contact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.contact-link{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;padding:1.5rem;text-decoration:none;color:var(--text-primary);transition:all .3s;display:flex;flex-direction:column;align-items:center;gap:.75rem}.contact-link:hover{border-color:var(--accent-primary);transform:translateY(-5px);background:#00d4ff0d}.contact-icon{width:48px;height:48px;background:#00d4ff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.contact-label{font-weight:600;color:var(--text-primary)}footer{background:var(--bg-secondary);border-top:1px solid var(--border);padding:3rem 0;text-align:center;color:var(--text-muted)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 968px){.stats-grid{grid-template-columns:repeat(2,1fr)}.skills-container,.contact-grid{grid-template-columns:1fr}}@media (max-width: 768px){.hero h1{font-size:2.5rem}.hero .subtitle{font-size:1.25rem}nav ul{gap:1.5rem}.section-title{font-size:2rem}.stats-grid{grid-template-columns:1fr}.timeline{padding-left:2rem}.projects-grid{grid-template-columns:1fr}.hero-buttons{flex-direction:column}}