:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #ec4899;--accent: #06b6d4;--success: #10b981;--warning: #f59e0b;--gradient-1: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-2: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--gradient-3: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--gradient-4: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--gradient-5: linear-gradient(135deg, #fa709a 0%, #fee140 100%);--dark: #0f172a;--dark-light: #1e293b;--text: #f8fafc;--text-muted: #94a3b8;--card-bg: rgba(30, 41, 59, .8)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--dark);color:var(--text);line-height:1.6}.app{overflow-x:hidden}.navbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:1rem 5%;background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid rgba(255,255,255,.1)}.nav-brand{font-size:1.8rem;font-weight:700;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;list-style:none;gap:2rem}.nav-links a{color:var(--text-muted);text-decoration:none;font-weight:500;transition:color .3s ease}.nav-links a:hover{color:var(--primary)}.hero{min-height:100vh;display:flex;align-items:center;justify-content:space-between;padding:8rem 5% 4rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:var(--gradient-1);opacity:.1;border-radius:50%;filter:blur(100px)}.hero-content{max-width:650px;z-index:1}.greeting{font-size:1.5rem;color:var(--accent);font-weight:500}.hero-title{font-size:4rem;font-weight:800;margin:.5rem 0;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wave{display:inline-block;animation:wave 2s infinite;transform-origin:70% 70%}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.hero-subtitle{font-size:1.8rem;color:var(--secondary);font-weight:600;margin-bottom:1rem}.hero-tags{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.5rem}.tag{background:var(--dark-light);padding:.6rem 1.2rem;border-radius:50px;font-size:1.1rem;color:var(--accent);border:1px solid rgba(6,182,212,.3)}.hero-description{font-size:1.3rem;color:var(--text-muted);margin-bottom:2rem;line-height:1.9}.hero-cta{display:flex;gap:1rem}.btn{padding:1.1rem 2.2rem;border-radius:50px;font-size:1.15rem;font-weight:600;text-decoration:none;transition:all .3s ease;cursor:pointer}.btn-primary{background:var(--gradient-1);color:#fff;border:none}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #6366f166}.btn-secondary{background:transparent;color:var(--text);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);transform:translateY(-3px)}.hero-visual{position:relative}.hero-shape{width:400px;height:400px;background:var(--gradient-1);border-radius:30% 70% 70% 30%/30% 30% 70% 70%;animation:morph 8s ease-in-out infinite;opacity:.8}@keyframes morph{0%,to{border-radius:30% 70% 70% 30%/30% 30% 70% 70%}50%{border-radius:70% 30% 30% 70%/70% 70% 30% 30%}}section{padding:6rem 5%}.section-title{font-size:3rem;text-align:center;margin-bottom:3.5rem;background:var(--gradient-1);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about{background:var(--dark-light)}.about-content{max-width:900px;margin:0 auto}.about-text p{font-size:1.25rem;color:var(--text-muted);margin-bottom:1.8rem;line-height:1.9}.about-text strong{color:var(--accent)}.highlight-card{background:var(--gradient-2);padding:2rem;border-radius:20px;display:flex;align-items:center;gap:1rem;margin-top:2rem}.highlight-icon{font-size:2.5rem}.highlight-card p{font-size:1.3rem;font-weight:500;color:#fff}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.skill-category{background:var(--card-bg);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:transform .3s ease,box-shadow .3s ease}.skill-category:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.skill-category:nth-child(1){border-top:3px solid #6366f1}.skill-category:nth-child(2){border-top:3px solid #ec4899}.skill-category:nth-child(3){border-top:3px solid #06b6d4}.skill-category:nth-child(4){border-top:3px solid #10b981}.skill-category h3{font-size:1.4rem;margin-bottom:1.5rem;color:var(--text)}.skill-tags{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tags span{background:#6366f133;padding:.65rem 1.2rem;border-radius:8px;font-size:1.05rem;color:var(--text);border:1px solid rgba(99,102,241,.3);transition:all .3s ease}.skill-tags span:hover{background:var(--primary);transform:scale(1.05)}.projects{background:var(--dark-light)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;max-width:1400px;margin:0 auto}.project-card{background:var(--card-bg);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.1);transition:all .3s ease;position:relative;overflow:hidden}.project-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-1)}.project-card:nth-child(2):before{background:var(--gradient-4)}.project-card:nth-child(3):before{background:var(--gradient-2)}.project-card:nth-child(4):before{background:var(--gradient-3)}.project-card:nth-child(5):before{background:var(--gradient-5)}.project-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px #0006}.project-icon{font-size:3rem;margin-bottom:1rem}.project-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--text)}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-tech span{background:#ec489933;padding:.45rem 1rem;border-radius:50px;font-size:.95rem;color:var(--secondary)}.project-card>p{color:var(--text-muted);margin-bottom:1rem;font-weight:500;font-size:1.1rem}.project-card ul{list-style:none;padding-left:0}.project-card li{color:var(--text-muted);font-size:1.05rem;margin-bottom:.6rem;padding-left:1.5rem;position:relative;line-height:1.6}.project-card li:before{content:"▹";position:absolute;left:0;color:var(--accent)}.experience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:3rem;max-width:900px;margin:0 auto 3rem}.experience-column h3{font-size:1.7rem;margin-bottom:1.5rem;color:var(--text)}.experience-card{background:var(--card-bg);padding:1.5rem;border-radius:15px;margin-bottom:1rem;border-left:4px solid var(--primary);transition:transform .3s ease}.experience-card:hover{transform:translate(10px)}.experience-card h4{font-size:1.25rem;color:var(--text);margin-bottom:.5rem}.experience-card .company{color:var(--accent);font-size:1.1rem}.learning-section{text-align:center;max-width:800px;margin:0 auto}.learning-section h3{font-size:1.7rem;margin-bottom:1.5rem;color:var(--text)}.learning-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:1rem}.learning-tags span{background:var(--gradient-4);padding:.85rem 1.6rem;border-radius:50px;font-size:1.1rem;color:var(--dark);font-weight:600}.contact{background:var(--dark-light);text-align:center}.contact-intro{font-size:1.4rem;color:var(--text-muted);margin-bottom:3rem}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:2rem;margin-bottom:2rem}.contact-card{background:var(--card-bg);padding:2rem 3rem;border-radius:20px;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:.5rem;transition:all .3s ease;border:1px solid rgba(255,255,255,.1)}.contact-card:hover{transform:translateY(-10px);background:var(--gradient-1)}.contact-icon{font-size:3rem}.contact-label{font-weight:600;color:var(--text);font-size:1.3rem}.contact-value{color:var(--text-muted);font-size:1.05rem}.contact-card:hover .contact-value{color:#fffc}.location{font-size:1.4rem;color:var(--text-muted);margin-top:2rem}.footer{text-align:center;padding:2rem;background:var(--dark);color:var(--text-muted);border-top:1px solid rgba(255,255,255,.1)}@media(max-width:768px){.nav-links{display:none}.hero{flex-direction:column;text-align:center;padding-top:6rem}.hero-title{font-size:2.5rem}.hero-tags{justify-content:center}.hero-cta{justify-content:center;flex-wrap:wrap}.hero-shape{width:250px;height:250px;margin-top:2rem}.projects-grid{grid-template-columns:1fr}.contact-links{flex-direction:column;align-items:center}.contact-card{width:100%;max-width:300px}}