@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";*,:before,:after{box-sizing:border-box}html,body{max-width:100%;overflow-x:hidden}:root{--bg-color:#030307;--bg-gradient:radial-gradient(circle at 10% 20%, #6366f114 0%, transparent 40%), radial-gradient(circle at 90% 80%, #ec489914 0%, transparent 40%), #030307;--glass-bg:#ffffff05;--glass-border:#ffffff0d;--glass-border-hover:#ffffff1f;--glass-shadow:0 8px 32px 0 #0000005e;--primary:#818cf8;--primary-glow:#818cf84d;--secondary:#ec4899;--secondary-glow:#ec48994d;--accent:#14b8a6;--accent-glow:#14b8a64d;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--max-width:1200px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg-gradient);color:var(--text-primary);font-family:var(--font-sans);scroll-behavior:smooth;margin:0;padding:0;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:16px;transition:all .4s cubic-bezier(.16,1,.3,1)}.glass-panel:hover{border-color:var(--glass-border-hover);transform:translateY(-4px);box-shadow:0 12px 40px #00000080,0 0 20px #818cf80d}#root{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:var(--max-width);box-sizing:border-box;margin:0 auto;padding:0 24px}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:700}.gradient-text{background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 50%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#030307}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.btn{font-family:var(--font-sans);cursor:pointer;border:1px solid #0000;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary) 0%, #6366f1 100%);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #818cf880}.btn-secondary{border-color:var(--glass-border);color:var(--text-primary);background:#ffffff0d}.btn-secondary:hover{border-color:var(--glass-border-hover);background:#ffffff1a;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-slow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.fade-in{animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeIn}.glow-orb{filter:blur(80px);z-index:0;pointer-events:none;opacity:.85;border-radius:50%;position:absolute}@keyframes float-orb-1{0%{transform:translate(0)scale(1)}33%{transform:translate(40px,-60px)scale(1.2)}66%{transform:translate(-30px,30px)scale(.9)}to{transform:translate(0)scale(1)}}@keyframes float-orb-2{0%{transform:translate(0)scale(1)}50%{transform:translate(-60px,50px)scale(.85)}to{transform:translate(0)scale(1)}}@keyframes float-orb-3{0%{transform:translate(0)scale(1)}33%{transform:translate(-40px,-40px)scale(.9)}66%{transform:translate(50px,40px)scale(1.15)}to{transform:translate(0)scale(1)}}.glow-orb-1{animation:16s ease-in-out infinite float-orb-1}.glow-orb-2{animation:20s ease-in-out infinite float-orb-2}.glow-orb-3{animation:14s ease-in-out infinite float-orb-3}.grid-2{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.grid-2{grid-template-columns:1fr}}header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#030307b3;padding:16px 0;position:sticky;top:0}header .nav-container{justify-content:space-between;align-items:center;display:flex}.logo-text{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);align-items:center;gap:8px;font-size:20px;font-weight:800;text-decoration:none;display:flex}nav ul{gap:32px;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--text-secondary);padding:4px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}nav a:hover{color:var(--text-primary)}nav a:after{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}nav a:hover:after{width:100%}.menu-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;display:none}@media (width<=768px){.menu-btn{display:block}nav{display:none}nav.mobile-open{border-bottom:1px solid var(--glass-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#030307f2;padding:24px;display:block;position:absolute;top:100%;left:0;right:0}nav.mobile-open ul{flex-direction:column;align-items:center;gap:20px}}.hero-sec{padding:100px 0 80px;position:relative}.hero-content{align-items:center;gap:60px;display:flex}.hero-text{flex:1.2}.hero-image-container{flex:.8;justify-content:center;display:flex;position:relative}.hero-avatar{object-fit:cover;z-index:2;border:4px solid #ffffff0d;border-radius:50%;width:280px;height:280px;position:relative;box-shadow:0 0 50px #818cf833}.hero-avatar-glow{background:linear-gradient(135deg, var(--primary), var(--secondary), var(--accent));z-index:1;filter:blur(2px);opacity:.7;border-radius:50%;width:290px;height:290px;position:absolute;top:0;left:50%;transform:translate(-50%)}.hero-title-tag{color:var(--primary);background:#818cf81a;border:1px solid #818cf833;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;margin-bottom:24px;font-size:58px;font-weight:800;line-height:1.1}.hero-desc{color:var(--text-secondary);max-width:600px;margin-bottom:40px;font-size:17px}.hero-actions{gap:16px;display:flex}@media (width<=992px){.hero-content{text-align:center;flex-direction:column-reverse;gap:40px}.hero-avatar{width:220px;height:220px}.hero-avatar-glow{width:230px;height:230px}.hero-title{font-size:40px}.hero-desc{margin-inline:auto}.hero-actions{justify-content:center}}section{z-index:1;padding:80px 0;position:relative}.section-header{text-align:center;max-width:600px;margin:0 auto 56px}.section-subtitle{color:var(--primary);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;font-size:14px;font-weight:600}.section-title{letter-spacing:-.02em;font-size:36px;font-weight:800}.skills-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.skill-card{flex-direction:column;align-items:flex-start;gap:16px;padding:24px;display:flex}.skill-icon-wrap{border:1px solid var(--glass-border);color:var(--primary);background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.skill-card:hover .skill-icon-wrap{color:#fff;background:var(--primary);border-color:var(--primary);box-shadow:0 0 15px var(--primary-glow)}.skill-name{font-size:17px;font-weight:600}.skill-desc{color:var(--text-secondary);font-size:14px}.timeline{max-width:900px;margin:0 auto;position:relative}.timeline:before{content:"";background:var(--glass-border);width:2px;position:absolute;top:0;bottom:0;left:40px}.timeline-item{margin-bottom:48px;padding-left:80px;position:relative}.timeline-item:last-child{margin-bottom:0}.timeline-dot{background:var(--bg-color);border:4px solid var(--primary);width:24px;height:24px;box-shadow:0 0 12px var(--primary-glow);z-index:2;border-radius:50%;transition:all .3s;position:absolute;top:6px;left:29px}.timeline-item:hover .timeline-dot{border-color:var(--secondary);box-shadow:0 0 12px var(--secondary-glow)}.timeline-content{padding:28px}.timeline-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.timeline-company{color:var(--text-primary);font-size:20px;font-weight:700}.timeline-date{color:var(--primary);background:#818cf81a;border:1px solid #818cf833;border-radius:99px;padding:4px 12px;font-size:13px;font-weight:500}.timeline-desc{color:var(--text-secondary);white-space:pre-line;font-size:15px}@media (width<=600px){.timeline:before{left:20px}.timeline-item{padding-left:48px}.timeline-dot{width:20px;height:20px;left:9px}.timeline-content{padding:20px}.timeline-header{flex-direction:column;align-items:flex-start;gap:8px}}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.project-card{box-sizing:border-box;flex-direction:column;height:100%;padding:28px;display:flex;position:relative}.project-icon-row{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.project-icon{color:var(--secondary)}.project-links{gap:12px;display:flex}.project-link-icon{color:var(--text-secondary);transition:color .3s}.project-link-icon:hover{color:var(--text-primary)}.project-title{margin-bottom:12px;font-size:20px;font-weight:700}.project-desc{color:var(--text-secondary);flex-grow:1;margin-bottom:24px;font-size:14px}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{border:1px solid var(--glass-border);color:var(--text-secondary);background:#ffffff0a;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:500}.education-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}@media (width<=768px){.education-grid{grid-template-columns:1fr}}.education-card{align-items:flex-start;gap:20px;padding:24px;display:flex}.edu-icon-wrap{color:var(--secondary);background:#ec48990f;border:1px solid #ec489926;border-radius:12px;justify-content:center;align-items:center;padding:12px;display:flex}.edu-info{flex:1}.edu-degree{margin-bottom:4px;font-size:18px;font-weight:700}.edu-school{color:var(--text-secondary);margin-bottom:12px;font-size:14px}.edu-meta{color:var(--text-muted);justify-content:space-between;font-size:12px;display:flex}.edu-date{color:var(--secondary);font-weight:600}.contact-grid{grid-template-columns:.9fr 1.1fr;gap:40px;max-width:900px;margin:0 auto;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr;gap:32px}}.contact-info-list{flex-direction:column;gap:16px;display:flex}.contact-item-card{color:inherit;align-items:center;gap:20px;padding:20px;text-decoration:none;display:flex}.contact-icon-wrap{color:var(--accent);background:#14b8a60f;border:1px solid #14b8a626;border-radius:12px;padding:12px}.contact-item-card:hover .contact-icon-wrap{background:var(--accent);color:#fff;box-shadow:0 0 15px var(--accent-glow)}.contact-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:12px}.contact-value{font-size:15px;font-weight:600}.contact-form-panel{padding:32px}.form-group{margin-bottom:20px}.form-group label{color:var(--text-secondary);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.form-control{border:1px solid var(--glass-border);color:#fff;width:100%;font-family:var(--font-sans);box-sizing:border-box;background:#ffffff05;border-radius:8px;padding:12px 16px;font-size:14px;transition:all .3s}.form-control:focus{border-color:var(--primary);background:#ffffff0a;outline:none;box-shadow:0 0 10px #818cf826}footer{border-top:1px solid var(--glass-border);text-align:center;z-index:1;background:#030307;margin-top:auto;padding:40px 0;position:relative}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.social-links{gap:20px;display:flex}.social-link{color:var(--text-secondary);transition:color .3s}.social-link:hover{color:var(--text-primary)}.footer-copy{color:var(--text-muted);font-size:14px}@media (width<=600px){.footer-content{text-align:center;flex-direction:column}}@media (width<=480px){.container{padding:0 16px}.btn{gap:6px;padding:10px 16px;font-size:14px}.hero-sec{padding:40px 0}.hero-title{font-size:32px;line-height:1.2}.hero-avatar{width:180px;height:180px}.hero-avatar-glow{width:190px;height:190px}.hero-desc{margin-bottom:24px;font-size:15px}.hero-actions{flex-direction:column;gap:12px;width:100%}.hero-actions .btn{justify-content:center;width:100%}section{padding:48px 0}.section-header{margin-bottom:32px}.section-title{font-size:28px}.glass-panel{padding:16px!important}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.education-card{flex-direction:column;align-items:flex-start;gap:12px}.contact-form-panel{padding:20px!important}}