@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap";:root{--bg-color: #0f172a;--text-primary: #f8fafc;--text-secondary: #cbd5e1;--accent-color: #38bdf8;--accent-secondary: #818cf8;--accent-gradient: linear-gradient(135deg, #38bdf8 0%, #818cf8 100%);--glass-bg: rgba(30, 41, 59, .65);--glass-border: rgba(255, 255, 255, .2);--glass-highlight: rgba(255, 255, 255, .1);--card-bg: rgba(30, 41, 59, .75);--nav-height: 70px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(circle at 50% 0%,#1e293b,#0f172a 70%);background-attachment:fixed;color:var(--text-primary);line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}html{scroll-behavior:smooth}section{scroll-margin-top:100px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#334155;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent-secondary)}a{color:var(--accent-color);text-decoration:none;transition:all .3s ease}img{max-width:100%;display:block}h1,h2,h3,h4,h5,h6{font-weight:800;color:var(--text-primary);margin-bottom:1.5rem;line-height:1.2;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,8vw,5rem)}h2{font-size:clamp(2rem,6vw,3.5rem)}h3{font-size:1.75rem}.gradient-text{background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}.portfolio-card{display:flex;flex-direction:column;position:relative}p{margin-bottom:1.5rem;color:var(--text-secondary);font-size:1.125rem}.container{max-width:1200px;margin:0 auto;padding:0 2rem;width:100%;position:relative;z-index:1}.section-title{text-align:center;margin-bottom:5rem;position:relative}.section-title h2:after{content:"";display:block;width:60px;height:4px;background:var(--accent-gradient);border-radius:2px}.section-intro{max-width:700px;margin:2rem auto 0;color:var(--text-secondary);font-size:1.15rem;line-height:1.6}.nav-container{position:fixed;top:0;left:0;right:0;height:var(--nav-height);background:#0f172ab3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);z-index:1000;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border)}#nav{display:flex;gap:3rem;padding:0 2rem}#nav a{font-weight:600;text-transform:uppercase;font-size:.85rem;letter-spacing:1px;color:var(--text-secondary);position:relative;padding:.5rem 0}#nav li.current a,#nav a:hover{color:var(--text-primary)}#nav li.current a:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:var(--accent-gradient);box-shadow:0 0 10px var(--accent-color)}.mobile-menu-btn{display:none;font-size:1.5rem;color:var(--text-primary);cursor:pointer;z-index:1002}.mobile-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s ease}.mobile-backdrop.open{opacity:1;pointer-events:all}section{padding:140px 0;min-height:100vh;display:flex;flex-direction:column;justify-content:center;position:relative}.about-grid{display:grid;grid-template-columns:350px 1fr;gap:5rem;align-items:center}.profile-container{position:relative}.profile-container:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;background:var(--accent-gradient);filter:blur(20px);opacity:.3;z-index:-1;border-radius:30px}.profile-pic{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;border:1px solid var(--glass-border);box-shadow:0 25px 50px -12px #00000080}.contact-box{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:2.5rem;border-radius:20px;border:1px solid var(--glass-border);margin-top:3rem;box-shadow:inset 0 0 0 1px var(--glass-highlight);text-align:left}.contact-name{font-size:2rem;margin-bottom:1.5rem;background:var(--accent-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;font-weight:700}.contact-row{display:flex;align-items:center;gap:1rem;margin-bottom:1.25rem;font-size:1.1rem;color:var(--text-secondary)}.contact-row:last-child{margin-bottom:0}.contact-icon{color:var(--accent-color);font-size:1.2rem;width:20px;text-align:center}.contact-row a{color:var(--text-primary);text-decoration:none;transition:color .3s ease}.contact-row a:hover{color:var(--accent-color)}.experience-timeline{position:relative;max-width:1000px;margin:0 auto;padding:2rem 0}.experience-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background:#ffffff1a;transform:translate(-50%)}.experience-block{position:relative;width:45%;margin-bottom:3rem;clear:both;padding:2rem;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s ease,box-shadow .3s ease,background .3s ease}.experience-block:hover{transform:translateY(-5px);background:#1e293bcc;box-shadow:0 10px 30px -10px #00000080;border-color:var(--accent-color)}.experience-block.work{text-align:right;padding-right:3rem;float:left;clear:both}.experience-block.work .header-top{flex-direction:row-reverse}.experience-block.education{text-align:left;padding-left:3rem;float:right;clear:both;margin-top:2rem}.experience-block:before{content:"";position:absolute;top:48px;height:2px;background:#ffffff1a;width:11.15%;z-index:1}.experience-block.work:before{right:-11.15%;background:linear-gradient(90deg,#ffffff1a,#38bdf880)}.experience-block.education:before{left:-11.15%;background:linear-gradient(-90deg,#ffffff1a,#a78bfa80)}.experience-block:after{content:"";position:absolute;top:40px;width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:3px solid var(--accent-color);z-index:2;box-shadow:0 0 10px #00000080}.experience-block.work:after{right:calc(-11.11% - 9px);border-color:#38bdf8}.experience-block.education:after{left:calc(-11.11% - 9px);border-color:#a78bfa}.experience-timeline:after{content:"";display:table;clear:both}@media screen and (max-width: 768px){.experience-timeline:before{left:20px}.experience-block{width:100%;float:none;padding-left:50px;padding-right:0;text-align:left}.experience-block:before{display:none}.experience-block.work,.experience-block.education{text-align:left;padding-left:50px;padding-right:0;float:none}.experience-block.work .header-top{flex-direction:row}.experience-block.work:after,.experience-block.education:after{left:12px;right:auto;top:20px}}.experience-block.future{float:none;width:80%;margin:4rem auto 0;text-align:center;padding:2rem!important;clear:both;background:#0f172a99;border:1px dashed var(--accent-color);border-radius:20px;position:relative}.experience-block.future .header-top{justify-content:center;flex-direction:row!important}.experience-block.future:after{content:"";position:absolute;top:-10px;left:50%;transform:translate(-50%);width:16px;height:16px;border-radius:50%;background:var(--bg-color);border:3px solid var(--text-primary);z-index:2}.experience-block.future h3{margin-top:1rem}.company-header{margin-bottom:2rem}.header-top{display:flex;align-items:center;gap:1rem;margin-bottom:.5rem}.type-badge{font-size:.75rem;padding:.25rem .75rem;border-radius:99px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.type-badge.work{background:#38bdf826;color:var(--accent-color);border:1px solid rgba(56,189,248,.3)}.type-badge.education{background:#a78bfa26;color:var(--accent-secondary);border:1px solid rgba(167,139,250,.3)}.company-header h3{margin-bottom:.25rem;font-size:2rem}.status-label{font-size:.9rem;color:var(--text-highlight);margin-bottom:.25rem;font-weight:500;display:block;padding:.2rem 0;font-style:italic}.status-label .status-icon{font-style:normal;margin-right:.3rem}.company-header .dates{font-family:monospace;color:var(--text-secondary);font-size:.9rem}.timeline-image-container{margin:1.5rem auto;border-radius:16px;overflow:hidden;border:1px solid var(--glass-border);box-shadow:0 10px 30px -10px #00000080;width:100%;max-width:400px;aspect-ratio:1}.timeline-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.timeline-image-container:hover img{transform:scale(1.05)}.achievement-string{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;padding-bottom:0}.achievement-string::-webkit-scrollbar{height:6px}.achievement-card{min-width:280px;max-width:320px;background:linear-gradient(135deg,#ffffff08,#ffffff03);border:1px solid rgba(255,255,255,.1);padding:1.5rem;border-radius:16px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:all .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden;text-align:left}.achievement-card:hover{transform:translateY(-5px) scale(1.02);border-color:var(--accent-color);background:linear-gradient(135deg,#38bdf81a,#818cf81a);box-shadow:0 10px 25px -5px #38bdf84d}.achievement-card h4{color:var(--text-primary);font-size:1.15rem;margin-bottom:.75rem;display:flex;align-items:center;gap:.5rem}.achievement-icon{color:#fbbf24;font-size:1.2rem;filter:drop-shadow(0 0 5px rgba(251,191,36,.5))}.achievement-card p{font-size:.95rem;margin-bottom:0;line-height:1.5}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.portfolio-card{background:var(--card-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;overflow:hidden;border:1px solid var(--glass-border);transition:all .4s ease;height:100%;display:flex;flex-direction:column;position:relative;flex:1 1 350px;max-width:600px}.portfolio-card:hover{transform:translateY(-10px);box-shadow:0 25px 50px -12px #0009;border-color:var(--accent-secondary)}.card-image{height:240px;overflow:hidden;position:relative}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.portfolio-card:hover .card-image img{transform:scale(1.1)}.card-content{padding:2rem;flex:1;display:flex;flex-direction:column}.card-content h5{font-size:1.5rem;margin-bottom:.75rem}.tech-stack{margin-top:auto;padding-top:1.5rem;display:flex;gap:1rem;flex-wrap:wrap;border-top:1px solid var(--glass-border)}.tech-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff14;padding:.3rem .8rem;border-radius:50px;font-size:.8rem;color:var(--text-secondary);border:1px solid var(--glass-border);transition:all .3s ease;text-transform:capitalize}.tech-badge .tech-icon{color:var(--accent-color);font-size:.9rem}.tech-badge:hover{background:#38bdf826;border-color:var(--accent-color);color:var(--text-primary);transform:translateY(-2px)}.c#about .about-content p{color:#ccc;line-height:1.6;font-size:1.1rem;white-space:pre-wrap}.contact-container{max-width:600px;margin:0 auto;text-align:center;background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:4rem 2rem;border-radius:30px;border:1px solid var(--glass-border)}.bio-card{position:relative;background:linear-gradient(145deg,#ffffff0d,#ffffff05);border:1px solid var(--glass-border);padding:2.5rem 2.5rem 2.5rem 3.5rem;border-radius:20px;margin-bottom:2rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.bio-card .quote-icon{position:absolute;font-size:2rem;color:var(--accent-color);opacity:.5}.bio-card .quote-icon.left{top:1.5rem;left:1.5rem}.bio-card .quote-icon.right{bottom:1.5rem;right:1.5rem}.bio-card p{color:#e0e0e0;line-height:1.7;font-size:1.15rem;font-weight:300;white-space:pre-wrap;position:relative;z-index:1}.cta-button{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;background:var(--accent-gradient);color:#fff;padding:1.2rem 3.5rem;border-radius:50px;font-weight:700;font-size:1.1rem;margin-top:2.5rem;transition:all .3s ease;box-shadow:0 10px 20px -5px #38bdf866;position:relative;overflow:hidden;z-index:1}.cta-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(#ffffff1a,#fff0);z-index:-1;opacity:0;transition:opacity .3s ease}.cta-button:hover:before{opacity:1}.btn-icon{font-size:1rem}.cta-button:hover{transform:translateY(-3px) scale(1.05);box-shadow:0 20px 30px -10px #38bdf899;color:#fff}.social-section{padding:4rem 0;border-top:1px solid var(--glass-border);background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.social-links{display:flex;justify-content:center;gap:3rem}.social-links a{font-size:1.75rem;color:var(--text-secondary);transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.social-links a:hover{color:var(--accent-color);transform:translateY(-5px) scale(1.1);filter:drop-shadow(0 0 10px var(--accent-color))}@media (max-width: 768px){section{padding:100px 0 60px}section:first-of-type,#about{padding-top:140px}.container{padding:0 1.5rem}.mobile-menu-btn{display:block;position:absolute;right:2rem}#nav{position:fixed;top:var(--nav-height);right:0;width:250px;height:calc(100vh - var(--nav-height));background:#0f172af2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;justify-content:flex-start;padding:2rem;gap:2rem;border-left:1px solid var(--glass-border);transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);z-index:999}#nav.mobile-open{transform:translate(0)}#nav li{width:100%;text-align:center}#nav a{font-size:1.1rem;display:block;padding:1rem}.about-grid{grid-template-columns:1fr;gap:3rem;text-align:center}.profile-pic{width:200px;margin:0 auto}.contact-box{text-align:left;margin-top:2rem}.section-title h2{font-size:2.5rem!important}.experience-timeline:before{left:20px}.experience-block{width:100%;float:none;padding-left:50px;padding-right:1.5rem;margin-bottom:2rem;text-align:left!important}.experience-block.work,.experience-block.education{float:none;text-align:left;padding-left:50px;padding-right:1.5rem;margin-top:0}.experience-block:before,.experience-block.work:before,.experience-block.education:before{display:none}.experience-block:after,.experience-block.work:after,.experience-block.education:after,.experience-block.future:after{left:12px!important;right:auto!important;top:25px;border-width:3px;width:14px;height:14px;transform:none}.experience-block.future{width:100%;margin:2rem 0 0;text-align:left;padding-left:50px!important}.experience-block.future .header-top{justify-content:flex-start}.header-top{flex-direction:row!important;flex-wrap:wrap}.company-header h3{font-size:1.5rem}.portfolio-grid{gap:2rem}.portfolio-card{flex:1 1 100%;max-width:100%}.card-content{padding:1.5rem}.achievement-string{grid-template-columns:1fr}}