@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #f8fafc, #e2e8f0, #f1f5f9);--glass-bg:#ffffffbf;--glass-border:#ffffffe6;--text-primary:#0f172a;--text-secondary:#334155;--accent:#3b82f6;--accent-glow:#3b82f64d}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-size:400% 400%;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Inter,sans-serif;animation:15s infinite gradientBG;display:flex}@keyframes gradientBG{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;gap:2rem;width:100%;padding:2rem;display:flex}.glass-container{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);text-align:center;border-radius:24px;max-width:600px;padding:4rem 3rem;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0000005e}.glass-container:hover{transform:translateY(-5px);box-shadow:0 12px 40px #00000073}.profile-img-wrapper{border:4px solid var(--glass-border);background:var(--glass-bg);border-radius:50%;justify-content:center;align-items:center;width:200px;height:200px;margin:1.5rem auto;display:flex;overflow:hidden;box-shadow:0 8px 32px #0003}.profile-img{object-fit:cover;object-position:center top;transform-origin:top;width:100%;height:100%;transition:all .3s;transform:scale(1.4)}.title{background:-webkit-linear-gradient(45deg, var(--text-primary), var(--accent));-webkit-text-fill-color:transparent;letter-spacing:-.05em;-webkit-background-clip:text;background-clip:text;margin:0;font-size:3rem;font-weight:800}.subtitle{color:var(--text-secondary);letter-spacing:.05em;text-transform:uppercase;margin-top:.5rem;margin-bottom:2.5rem;font-size:1.1rem;font-weight:300}.card{padding:2em}.glow-btn{border:1px solid var(--accent);color:var(--accent);cursor:pointer;background:0 0;border-radius:8px;padding:.8rem 2rem;font-family:inherit;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.glow-btn:hover{background:var(--accent);color:#0f2027;box-shadow:0 0 20px var(--accent-glow);transform:scale(1.05)}.footer-text{color:var(--text-secondary);opacity:.8;margin-top:3rem;font-size:.9rem}.about-section{text-align:left;max-width:800px}.section-title{margin-bottom:1rem;font-size:2.2rem}.about-text{color:var(--text-secondary);font-size:1.1rem;font-weight:300;line-height:1.8}.projects-section{text-align:left;width:100%;max-width:900px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.project-card{border:1px solid var(--glass-border);background:#ffffff08;border-radius:16px;flex-direction:column;padding:1.5rem;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.project-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.3rem;font-weight:600}.project-desc{color:var(--text-secondary);flex-grow:1;margin:0 0 1.5rem;font-size:.95rem;line-height:1.5}.project-link-text{color:var(--accent);margin-top:auto;font-size:.9rem;font-weight:600}.skills-section{text-align:left;width:100%;max-width:800px}.skills-container{flex-wrap:wrap;gap:1rem;margin-top:1.5rem;display:flex}.skill-badge{border:1px solid var(--glass-border);color:var(--text-primary);cursor:default;-webkit-backdrop-filter:blur(5px);background:#ffffff0d;border-radius:30px;align-items:center;gap:.6rem;padding:.7rem 1.4rem;font-size:.95rem;font-weight:500;transition:all .3s;display:flex;box-shadow:0 4px 15px #0000001a}.contact-section{text-align:center;width:100%;max-width:800px}.social-links{justify-content:center;gap:1.5rem;margin-bottom:2rem;display:flex}.social-icon{color:var(--text-secondary);border:1px solid var(--glass-border);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;padding:.8rem;transition:all .3s;display:flex}.social-icon:hover{color:var(--accent);background:#00d2ff1a;border-color:#00d2ff80;transform:translateY(-5px);box-shadow:0 5px 15px #00d2ff4d}.footer-copyright{color:var(--text-secondary);opacity:.6;border-top:1px solid var(--glass-border);margin-top:2rem;padding-top:1.5rem;font-size:.9rem}.hero-title{letter-spacing:-.02em;font-size:3.8rem;line-height:1.2}.highlight-text{color:var(--accent);background:-webkit-linear-gradient(45deg, var(--accent), var(--text-primary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em;margin-top:1rem;margin-bottom:.5rem;font-size:1.25rem;font-weight:500}.hero-bio{color:var(--text-secondary);max-width:500px;margin:0 auto 2.5rem;font-size:1.05rem;line-height:1.6}.btn-group{justify-content:center;gap:1.5rem;margin-top:1rem;margin-bottom:1.5rem;display:flex}.premium-btn{cursor:pointer;border-radius:50px;justify-content:center;align-items:center;padding:.9rem 2.2rem;font-size:1.05rem;font-weight:600;transition:all .3s;display:inline-flex;position:relative;overflow:hidden}.primary-btn{background:linear-gradient(135deg, var(--accent), #2563eb);color:#fff;border:none}.achievements-section{text-align:left;width:100%;max-width:900px}.achievements-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;margin-top:2rem;display:grid}.achievement-card{border:1px solid var(--glass-border);cursor:default;background:#ffffff0a;border-radius:16px;align-items:flex-start;gap:1.2rem;padding:1.6rem;transition:all .3s;display:flex}.achievement-icon{border:1px solid var(--glass-border);background:#ffffff12;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex}.achievement-content{flex:1}.achievement-title{color:var(--text-primary);margin:0 0 .5rem;font-size:1.15rem;font-weight:600}.achievement-desc{color:var(--text-secondary);margin:0;font-size:.95rem;line-height:1.6}.achievement-desc strong{color:var(--text-primary);font-weight:600}