.navbar{position:fixed;top:0;left:0;width:100%;padding:1.5rem 0;z-index:1000;transition:all .4s ease}.navbar.scrolled{padding:1rem 0;background:#0b0f19d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.05);box-shadow:0 4px 30px #0000001a}.nav-content{display:flex;justify-content:space-between;align-items:center}.nav-logo{font-size:1.5rem;font-weight:700;letter-spacing:1px}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{font-size:.95rem;font-weight:500;color:var(--text-secondary);transition:var(--transition-smooth)}.nav-links a:hover{color:var(--accent-cyan)}@media (max-width: 768px){.nav-links{display:none}}.hero-section{min-height:100vh;display:flex;align-items:center;position:relative;overflow:hidden;padding-top:80px}.hero-content{position:relative;z-index:2;max-width:800px;margin-left:max(0px,calc((100vw - var(--max-width)) / 2))}.hero-greeting{color:var(--accent-cyan);font-family:monospace;font-size:1.1rem;margin-bottom:1rem}.hero-avatar-container{margin-bottom:1.5rem}.hero-avatar{width:120px;height:120px;border-radius:50%;object-fit:cover;border:3px solid var(--accent-cyan);box-shadow:0 0 20px #00f2fe66;animation:float 6s ease-in-out infinite}@keyframes float{0%{transform:translateY(0);box-shadow:0 5px 15px #00f2fe66}50%{transform:translateY(-10px);box-shadow:0 25px 15px #00f2fe33}to{transform:translateY(0);box-shadow:0 5px 15px #00f2fe66}}.hero-name{font-size:clamp(40px,8vw,80px);color:var(--text-primary);margin-bottom:.5rem;line-height:1.1}.hero-title{font-size:clamp(30px,6vw,60px);color:var(--text-secondary);line-height:1.2;margin-bottom:1.5rem;text-align:left}.hero-desc{color:var(--text-secondary);font-size:1.1rem;max-width:600px;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1.5rem}.hero-glow{position:absolute;top:-10%;right:-5%;width:50vw;height:50vw;background:radial-gradient(circle,#00f2fe26,#0b0f1900 70%);z-index:1;pointer-events:none;animation:pulseGlow 8s infinite alternate}.hero-glow-secondary{position:absolute;bottom:-20%;left:-10%;width:40vw;height:40vw;background:radial-gradient(circle,#4facfe26,#0b0f1900 70%);z-index:1;pointer-events:none;animation:pulseGlow 10s infinite alternate-reverse}@keyframes pulseGlow{0%{transform:scale(1);opacity:.8}to{transform:scale(1.1);opacity:1}}@media (max-width: 768px){.hero-cta{flex-direction:column;align-items:flex-start}}.about-section{padding-top:100px}.section-title{position:relative;display:inline-block;margin-bottom:3rem}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--accent-gradient);border-radius:2px}.about-content{display:grid;grid-template-columns:3fr 2fr;gap:2rem}.about-text p{color:var(--text-secondary);font-size:1.05rem}.highlight-link{color:var(--accent-cyan);text-decoration:underline;text-decoration-color:#00f2fe66;transition:var(--transition-smooth)}.highlight-link:hover{text-decoration-color:var(--accent-cyan)}.skills-title{margin-bottom:1.5rem;color:var(--text-primary);font-size:1.3rem}.skills-grid{display:flex;flex-direction:column;gap:1rem}.skill-item{padding:.8rem 1.2rem;background:#00f2fe0d;border-left:3px solid var(--accent-cyan);border-radius:0 8px 8px 0;color:var(--text-secondary);font-weight:500;transition:var(--transition-smooth)}.skill-item:hover{background:#00f2fe1a;transform:translate(5px)}@media (max-width: 900px){.about-content{grid-template-columns:1fr}}.experience-section{padding-top:100px}.timeline{position:relative;max-width:800px;margin:0 auto;padding-left:2rem}.timeline:before{content:"";position:absolute;left:0;top:0;width:2px;height:100%;background:#ffffff1a}.timeline-item{position:relative;margin-bottom:3rem;padding:1.5rem 2rem}.timeline-dot{position:absolute;left:-2rem;top:2rem;width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:3px solid var(--accent-cyan);transform:translate(-50%);z-index:2;box-shadow:0 0 10px #00f2fe80}.timeline-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap}.timeline-header h3{font-size:1.25rem;color:var(--text-primary)}.timeline-date{font-size:.9rem;color:var(--accent-cyan);font-family:monospace}.timeline-desc{color:var(--text-secondary);font-style:italic;margin-bottom:1rem;font-size:.95rem}.timeline-bullets{list-style-type:disc;padding-left:1.2rem;color:var(--text-secondary);font-size:.95rem}.timeline-bullets li{margin-bottom:.5rem}.timeline-bullets li strong{color:var(--text-primary)}@media (max-width: 600px){.timeline-header{flex-direction:column;align-items:flex-start}}.projects-section{padding-top:100px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}.project-card{position:relative;display:flex;flex-direction:column;height:100%}.project-card.featured{border-color:#00f2fe4d;box-shadow:0 4px 20px #00f2fe0d}.featured-badge{position:absolute;top:-12px;right:20px;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:700;padding:4px 12px;border-radius:12px;text-transform:uppercase}.project-header{display:flex;align-items:center;gap:15px;margin-bottom:1rem}.project-image{width:50px;height:50px;border-radius:12px;object-fit:cover;flex-shrink:0}.project-title-container{display:flex;justify-content:space-between;align-items:center;flex-grow:1}.project-title{color:var(--text-primary);font-size:1.3rem}.project-link{color:var(--accent-cyan);transition:var(--transition-smooth)}.project-link:hover{transform:translateY(-2px);filter:drop-shadow(0 0 8px rgba(0,242,254,.5))}.project-desc{color:var(--text-secondary);font-size:.95rem;flex-grow:1;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.8rem;list-style:none}.project-tech li{font-family:monospace;font-size:.85rem;color:var(--accent-purple)}.projects-more{margin-top:4rem;display:flex;justify-content:center}.contact-section{padding-top:100px;padding-bottom:2rem;margin-top:50px}.contact-card{text-align:center;max-width:700px;margin:0 auto;padding:4rem 2rem}.contact-card .section-title{margin-bottom:2rem}.contact-desc{color:var(--text-secondary);font-size:1.1rem;margin-bottom:3rem;line-height:1.6}.contact-actions{display:flex;justify-content:center;gap:1.5rem;margin-bottom:3rem}.social-links{display:flex;justify-content:center;gap:2rem}.social-links a{color:var(--text-secondary);font-weight:500;transition:var(--transition-smooth)}.social-links a:hover{color:var(--accent-cyan);transform:translateY(-2px)}.footer-bottom{text-align:center;margin-top:4rem;color:var(--text-secondary);font-size:.85rem;font-family:monospace}@media (max-width: 600px){.contact-actions{flex-direction:column}}:root{--bg-color: #0b0f19;--surface-color: rgba(26, 32, 44, .7);--surface-color-solid: #1a202c;--text-primary: #f7fafc;--text-secondary: #a0aec0;--accent-cyan: #00f2fe;--accent-purple: #4facfe;--accent-gradient: linear-gradient(135deg, var(--accent-cyan) 0%, var(--accent-purple) 100%);--font-family: "Inter", system-ui, -apple-system, sans-serif;--glass-border: 1px solid rgba(255, 255, 255, .08);--glass-blur: blur(12px);--section-padding: 80px 20px;--max-width: 1100px;--transition-smooth: all .3s cubic-bezier(.25, .8, .25, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-weight:700;line-height:1.2}h2{font-size:2.5rem;margin-bottom:2rem;text-align:center}a{color:inherit;text-decoration:none}.glass-card{background:var(--surface-color);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:var(--glass-border);border-radius:16px;padding:2rem;transition:var(--transition-smooth)}.glass-card:hover{transform:translateY(-5px);border-color:#fff3;box-shadow:0 10px 30px #00000080}.text-gradient{background:var(--accent-gradient);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shine 3s linear infinite}@keyframes shine{to{background-position:200% center}}.section-container{max-width:var(--max-width);margin:0 auto}section{padding:var(--section-padding)}.btn{display:inline-block;padding:12px 28px;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition-smooth);border:none;font-size:1rem}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 15px #00f2fe4d}.btn-primary:hover{box-shadow:0 6px 20px #00f2fe80;transform:translateY(-2px)}.btn-outline{background:transparent;border:2px solid var(--accent-cyan);color:var(--accent-cyan)}.btn-outline:hover{background:#00f2fe1a;transform:translateY(-2px)}
