@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap);html{scroll-padding-top:80px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}:root{--primary-color:#667eea;--secondary-color:#764ba2;--accent-color:#f093fb;--success-color:#4ade80;--warning-color:#fbbf24;--error-color:#f87171;--info-color:#60a5fa;--bg-primary:#0a0a0a;--bg-secondary:#1a1a1a;--bg-tertiary:#2a2a2a;--text-primary:#fff;--text-secondary:#a0a0a0;--text-muted:#666;--border-color:#ffffff1a;--border-color-hover:#fff3;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--border-radius-sm:0.25rem;--border-radius-md:0.5rem;--border-radius-lg:1rem;--border-radius-xl:1.5rem;--border-radius-full:9999px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--spacing-3xl:4rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-size-6xl:3.75rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--font-weight-black:900;--line-height-tight:1.25;--line-height-snug:1.375;--line-height-normal:1.5;--line-height-relaxed:1.625;--line-height-loose:2;--z-index-dropdown:1000;--z-index-sticky:1020;--z-index-fixed:1030;--z-index-modal-backdrop:1040;--z-index-modal:1050;--z-index-popover:1060;--z-index-tooltip:1070}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh) translateX(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100px) translateX(100px)}}.loader{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);flex-direction:column}.loader-circle{animation:pulse 2s ease-in-out infinite;background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 0 40px #667eea80}.loader-img{border:4px solid #fff3;height:100px;width:100px}.loader-text{color:var(--text-primary);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-top:2rem;text-align:center}.blink{animation:pulse 1.5s ease-in-out infinite}.hero{background:linear-gradient(135deg,#0a0a0a,#1a1a1a);background:linear-gradient(135deg,var(--bg-primary) 0,var(--bg-secondary) 100%)}.hero:before{background:radial-gradient(circle at 50% 50%,#667eea1a 0,#0000 70%);bottom:0;content:"";pointer-events:none;right:0}.hero-bg,.hero:before{left:0;position:absolute;top:0}.hero-bg{height:100%;object-fit:cover;opacity:.1;width:100%;z-index:1}.blur-img{filter:blur(20px) brightness(.3)}.hero-text{max-width:800px;padding:0 2rem;position:relative;text-align:center;z-index:2}.hero h1{animation:fadeInUp 1s ease-out;font-size:4rem;font-weight:900;font-weight:var(--font-weight-black);line-height:1.2;margin-bottom:1.5rem}.hero p{animation:fadeInUp 1s ease-out .2s both;color:#a0a0a0;color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem}.gradient-text{background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 50%,var(--accent-color) 100%);background-size:200% 200%}.social-icons{animation:fadeInUp 1s ease-out .4s both;justify-content:center}.social-icons a{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-icons a:hover{background:#667eea33;border-color:#667eea;border-color:var(--primary-color);transform:translateY(-5px)}.social-icons img{border-radius:50%;height:24px;width:24px}section{padding:5rem 2rem;position:relative}.section-title{color:#fff;color:var(--text-primary);font-weight:700;font-weight:var(--font-weight-bold);margin-bottom:3rem;text-align:center}.section-subtitle{color:#a0a0a0;color:var(--text-secondary);font-size:1.25rem;margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:600px;text-align:center}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.skill-card{background:#1a1a1a;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);transition:all .3s ease}.skill-card:before{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);height:4px;transform:scaleX(0);transition:transform .3s ease}.skill-card:hover:before{transform:scaleX(1)}.skill-card:hover{border-color:#fff3;border-color:var(--border-color-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.skill-header{gap:1rem;margin-bottom:1rem}.skill-header,.skill-icon{align-items:center;display:flex}.skill-icon{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);justify-content:center}.skill-icon img{height:30px;width:30px}.skill-name{color:var(--text-primary);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold)}.skill-desc{color:#a0a0a0;color:var(--text-secondary);line-height:1.6}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));margin:0 auto;max-width:1200px}.project-card{background:#1a1a1a;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);display:flex;flex-direction:column;transition:all .3s ease}.project-card:hover{border-color:#fff3;border-color:var(--border-color-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.project-image{height:250px;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content{display:flex;flex:1 1;flex-direction:column;padding:2rem}.project-title{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:1rem}.project-desc{color:#a0a0a0;color:var(--text-secondary);flex:1 1;margin-bottom:1.5rem}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:9999px;border-radius:var(--border-radius-full);color:#a0a0a0;color:var(--text-secondary);font-size:.875rem;font-size:var(--font-size-sm);padding:.25rem .75rem}.project-links{margin-top:auto}.education-grid{margin:0 auto;max-width:1200px}.education-card{background:#1a1a1a;background:var(--bg-secondary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);padding:2rem;position:relative;transition:all .3s ease}.education-card:hover{border-color:#fff3;border-color:var(--border-color-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-8px)}.education-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.education-logo{border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);height:60px;object-fit:cover;width:60px}.education-info h3{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:600;font-weight:var(--font-weight-semibold);margin-bottom:.5rem}.education-info p{font-size:.875rem;font-size:var(--font-size-sm)}.education-details,.education-info p{color:#a0a0a0;color:var(--text-secondary)}.education-details{line-height:1.6}.btn{align-items:center;border:none;border-radius:1rem;border-radius:var(--border-radius-lg);cursor:pointer;display:inline-flex;font-weight:600;font-weight:var(--font-weight-semibold);gap:.5rem;justify-content:center;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:linear-gradient(135deg,var(--primary-color) 0,var(--secondary-color) 100%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg);color:#fff}.btn-primary:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.btn-secondary{background:#0000;border:2px solid #667eea;border:2px solid var(--primary-color);color:#667eea;color:var(--primary-color)}.btn-secondary:hover{background:#667eea;background:var(--primary-color);color:#fff;transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#fff;color:var(--text-primary)}.btn-ghost:hover{border-color:#fff3;border-color:var(--border-color-hover)}.btn-ghost:hover,.card{background:#1a1a1a;background:var(--bg-secondary)}.card{border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:1rem;border-radius:var(--border-radius-lg);padding:1.5rem;padding:var(--spacing-lg);transition:all .3s ease}.card:hover{border-color:#fff3;border-color:var(--border-color-hover);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.badge{align-items:center;border-radius:9999px;border-radius:var(--border-radius-full);display:inline-flex;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;font-weight:var(--font-weight-medium);padding:.25rem .75rem;text-decoration:none}.badge-primary{background:#667eea;background:var(--primary-color);color:#fff}.badge-secondary{background:#2a2a2a;background:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-color);color:#a0a0a0;color:var(--text-secondary)}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-text{background-color:#2a2a2a;background-color:var(--bg-tertiary);border:1px solid #ffffff1a;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--border-radius-md);bottom:125%;color:#fff;color:var(--text-primary);font-size:.875rem;font-size:var(--font-size-sm);left:50%;margin-left:-60px;opacity:0;padding:.5rem;position:absolute;text-align:center;transition:opacity .3s;visibility:hidden;width:120px;z-index:1070;z-index:var(--z-index-tooltip)}.tooltip:hover .tooltip-text{opacity:1;visibility:visible}.animate-fade-in{animation:fadeInUp .6s ease-out}.animate-slide-up{animation:slideInUp .8s ease-out}.animate-scale-in{animation:scaleIn .6s ease-out}.animate-bounce-in{animation:bounceIn .8s ease-out}.animate-pulse{animation:pulse 2s ease-in-out infinite}.animate-glow{animation:glow 2s ease-in-out infinite}.animate-float{animation:float 3s ease-in-out infinite}.animate-gradient{animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background-size:200% 200%}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.m-0{margin:0}.m-1{margin:.25rem;margin:var(--spacing-xs)}.m-2{margin:.5rem;margin:var(--spacing-sm)}.m-3{margin:1rem;margin:var(--spacing-md)}.m-4{margin:1.5rem;margin:var(--spacing-lg)}.m-5{margin:2rem;margin:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:.25rem;padding:var(--spacing-xs)}.p-2{padding:.5rem;padding:var(--spacing-sm)}.p-3{padding:1rem;padding:var(--spacing-md)}.p-4{padding:1.5rem;padding:var(--spacing-lg)}.p-5{padding:2rem;padding:var(--spacing-xl)}.text-xs{font-size:.75rem;font-size:var(--font-size-xs)}.text-sm{font-size:.875rem;font-size:var(--font-size-sm)}.text-base{font-size:1rem;font-size:var(--font-size-base)}.text-lg{font-size:1.125rem;font-size:var(--font-size-lg)}.text-xl{font-size:1.25rem;font-size:var(--font-size-xl)}.text-2xl{font-size:1.5rem;font-size:var(--font-size-2xl)}.text-3xl{font-size:1.875rem;font-size:var(--font-size-3xl)}.text-4xl{font-size:2.25rem;font-size:var(--font-size-4xl)}.text-5xl{font-size:3rem;font-size:var(--font-size-5xl)}.text-6xl{font-size:3.75rem;font-size:var(--font-size-6xl)}.font-light{font-weight:300;font-weight:var(--font-weight-light)}.font-normal{font-weight:400;font-weight:var(--font-weight-normal)}.font-medium{font-weight:500;font-weight:var(--font-weight-medium)}.font-semibold{font-weight:600;font-weight:var(--font-weight-semibold)}.font-bold{font-weight:700;font-weight:var(--font-weight-bold)}.font-extrabold{font-weight:800;font-weight:var(--font-weight-extrabold)}.font-black{font-weight:900;font-weight:var(--font-weight-black)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-primary{color:#fff;color:var(--text-primary)}.text-secondary{color:#a0a0a0;color:var(--text-secondary)}.text-muted{color:#666;color:var(--text-muted)}.border{border:1px solid #ffffff1a;border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid #ffffff1a;border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid #ffffff1a;border-left:1px solid var(--border-color)}.border-r{border-right:1px solid #ffffff1a;border-right:1px solid var(--border-color)}.rounded-sm{border-radius:.25rem;border-radius:var(--border-radius-sm)}.rounded-md{border-radius:.5rem;border-radius:var(--border-radius-md)}.rounded-lg{border-radius:1rem;border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:1.5rem;border-radius:var(--border-radius-xl)}.rounded-full{border-radius:9999px;border-radius:var(--border-radius-full)}.shadow-sm{box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl)}.shadow-none{box-shadow:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.transform{transform:translateZ(0)}.scale-0{transform:scale(0)}.scale-50{transform:scale(.5)}.scale-75{transform:scale(.75)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-125{transform:scale(1.25)}.scale-150{transform:scale(1.5)}.rotate-0{transform:rotate(0deg)}.rotate-1{transform:rotate(1deg)}.rotate-2{transform:rotate(2deg)}.rotate-3{transform:rotate(3deg)}.rotate-6{transform:rotate(6deg)}.rotate-12{transform:rotate(12deg)}.rotate-45{transform:rotate(45deg)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}@media (max-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.1rem}.section-title{font-size:2rem}.skill-card{padding:1.5rem}.project-card{flex-direction:column}.project-image{height:200px;width:100%}.education-card{padding:1.5rem}.education-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}}@media (max-width:480px){.hero h1{font-size:2rem}.hero p{font-size:1rem}.section-title{font-size:1.75rem}.education-card,.project-card,.skill-card{padding:1rem}section{padding:3rem 1rem}}@media print{.btn,.loader,.social-icons{display:none!important}.hero,body{background:#fff;color:#000}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{background:#0a0a0a;color:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;overflow-x:hidden}.loader{align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:9999}.loader-container{text-align:center}.loader-circle{align-items:center;animation:loaderPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;height:120px;justify-content:center;margin:0 auto 20px;position:relative;width:120px}.loader-circle:before{background:#0a0a0a;border-radius:50%;content:"";height:100px;position:absolute;width:100px}.loader-img{animation:loaderRotate 3s linear infinite;border-radius:50%;height:80px;object-fit:cover;position:relative;width:80px;z-index:2}.loader-text{align-items:center;color:#fff;display:flex;font-size:18px;font-weight:500;gap:8px;justify-content:center}.loading-dots{display:flex;gap:4px}.loading-dots span{animation:loadingDots 1.4s ease-in-out infinite both;background:#667eea;border-radius:50%;height:8px;width:8px}.loading-dots span:first-child{animation-delay:-.32s}.loading-dots span:nth-child(2){animation-delay:-.16s}@keyframes loaderPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes loaderRotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes loadingDots{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}.hero{align-items:center;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-background{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e)}.hero-background,.hero-overlay{height:100%;left:0;position:absolute;top:0;width:100%}.hero-overlay{background:radial-gradient(circle at 50% 50%,#667eea1a 0,#0000 70%)}.floating-shapes{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.shape{animation:float 6s ease-in-out infinite;background:linear-gradient(135deg,#667eea1a,#764ba21a);border-radius:50%;position:absolute}.shape-1{animation-delay:0s;height:80px;left:10%;top:20%;width:80px}.shape-2{animation-delay:1s;height:120px;right:15%;top:60%;width:120px}.shape-3{animation-delay:2s;height:60px;left:20%;top:80%;width:60px}.shape-4{animation-delay:3s;height:100px;right:30%;top:30%;width:100px}.shape-5{animation-delay:4s;height:40px;right:10%;top:10%;width:40px}.shape-6{animation-delay:5s;height:90px;left:5%;top:70%;width:90px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(180deg)}}.hero-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;position:relative;z-index:2}.hero-text{animation:fadeInUp 1s ease-out}.hero-greeting{align-items:center;display:flex;gap:12px;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.wave{animation:wave 2s ease-in-out infinite;font-size:2rem}.greeting-text{color:#a0a0a0;font-size:1.2rem;font-weight:400}.hero-title{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem;margin-left:1rem;margin-right:1rem}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:#d0d0d0;font-size:1.5rem;font-weight:300;margin-bottom:1.5rem;margin-left:1rem;margin-right:1rem}.typing-text{animation:typing 3.5s steps(40),blink-caret .75s step-end infinite;border-right:3px solid #667eea;overflow:hidden;white-space:nowrap}.hero-description{margin-bottom:2rem}.hero-description p{word-wrap:break-word;color:#888;font-size:1.1rem;font-weight:400;margin:0 1rem;max-width:calc(100% - 2rem);overflow-wrap:break-word}.hero-actions{display:flex;gap:1rem;margin-bottom:2rem}.cta-button{align-items:center;border-radius:50px;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.cta-button.primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 8px 32px #667eea4d;color:#fff}.cta-button.primary:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.cta-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.cta-button.secondary:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.arrow-icon{stroke:currentColor;stroke-width:2;fill:none;height:20px;transition:transform .3s ease;width:20px}.cta-button:hover .arrow-icon{transform:translateX(4px)}.social-icons{display:flex;gap:1rem}.social-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50%;display:flex;height:50px;justify-content:center;transition:all .3s ease;width:50px}.social-link:hover{background:#667eea33;box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.social-icon{fill:#fff;height:24px;width:24px}.hero-visual{align-items:center;animation:fadeInRight 1s ease-out .5s both;display:flex;justify-content:center}.profile-container{height:300px;position:relative;width:300px}.profile-image{animation:profileFloat 3s ease-in-out infinite;border:4px solid #667eea4d;border-radius:50%;height:100%;object-fit:cover;width:100%}.profile-glow{animation:glow 2s ease-in-out infinite;background:linear-gradient(135deg,#667eea4d,#764ba24d);border-radius:50%;bottom:-10px;filter:blur(20px);left:-10px;position:absolute;right:-10px;top:-10px;z-index:-1}.section-container{margin:0 auto;max-width:1200px;padding:0 2rem}.section-header{margin-bottom:4rem;text-align:center}.section-title{align-items:center;display:flex;font-size:3rem;font-weight:800;gap:1rem;justify-content:center;margin-bottom:1rem}.title-number{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:900}.title-line{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;height:4px;margin:0 auto;width:100px}.about{background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:6rem 0}.about-content{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr}.about-text{animation:fadeInLeft 1s ease-out}.about-intro h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;font-weight:700;margin-bottom:1rem}.about-intro p{color:#d0d0d0;font-size:1.1rem;line-height:1.8;margin-bottom:2rem}.about-details{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.detail-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.detail-item:hover{background:#667eea1a;border-color:#667eea4d;transform:translateX(10px)}.detail-icon{flex-shrink:0;font-size:1.5rem}.detail-content h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:.5rem}.detail-content p{color:#a0a0a0;font-size:.95rem;line-height:1.6}.cv-button{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50px;box-shadow:0 8px 32px #667eea4d;color:#fff;display:inline-flex;font-weight:600;gap:8px;padding:12px 24px;text-decoration:none;transition:all .3s ease}.cv-button:hover{box-shadow:0 12px 40px #667eea66;transform:translateY(-2px)}.download-icon{fill:currentColor;height:20px;width:20px}.about-visual{animation:fadeInRight 1s ease-out .5s both}.image-container{border-radius:20px;box-shadow:0 20px 40px #0000004d;overflow:hidden;position:relative}.about-image{height:400px;object-fit:cover;transition:transform .3s ease;width:100%}.image-container:hover .about-image{transform:scale(1.05)}.image-overlay{background:linear-gradient(135deg,#667eea33,#764ba233);bottom:0;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.image-container:hover .image-overlay{opacity:1}.education{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:6rem 0}.education-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.edu-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.edu-card:before{background:linear-gradient(90deg,#0000,#667eea1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.edu-card:hover:before{left:100%}.edu-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #667eea33;transform:translateY(-8px)}.edu-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.edu-logo{border:2px solid #667eea4d;border-radius:12px;height:60px;overflow:hidden;width:60px}.edu-logo img{height:100%;object-fit:cover;width:100%}.edu-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;font-size:.8rem;font-weight:600;padding:4px 12px}.edu-content h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.edu-period{color:#667eea;font-size:.9rem;font-weight:500;margin-bottom:.5rem}.edu-institution{color:#a0a0a0;font-size:1rem;margin-bottom:1rem}.edu-details{animation:slideInUp .5s ease-out}.grade-display{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:12px;display:flex;justify-content:space-between;padding:1rem}.grade-label{color:#a0a0a0;font-size:.9rem;font-weight:500}.grade-value{color:#667eea;font-size:1.2rem;font-weight:700}.skills{background:linear-gradient(135deg,#16213e,#0f0f23);padding:6rem 0}.skills-container{animation:fadeInUp 1s ease-out}.skills-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.skill-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.skill-card:before{background:var(--skill-gradient);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:1}.skill-card.active:before,.skill-card:hover:before{opacity:.1}.skill-card.active,.skill-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #667eea33;transform:translateY(-8px) scale(1.02)}.skill-icon-container{align-items:center;background:#ffffff1a;border-radius:20px;display:flex;height:80px;justify-content:center;margin-bottom:1.5rem;position:relative;transition:all .3s ease;width:80px;z-index:2}.skill-card.active .skill-icon-container,.skill-card:hover .skill-icon-container{background:#fff3;transform:scale(1.1)}.skill-icon{height:50px;object-fit:contain;width:50px}.skill-info{position:relative;z-index:2}.skill-name{color:#fff;font-size:1.4rem;font-weight:700;margin-bottom:1rem}.skill-description{height:0;opacity:0;overflow:hidden;transition:all .3s ease}.skill-card.active .skill-description,.skill-card:hover .skill-description{height:auto;margin-top:1rem;opacity:1}.skill-description p{color:#a0a0a0;font-size:.95rem;line-height:1.6}.skill-glow{background:var(--skill-gradient);bottom:-20px;filter:blur(30px);left:-20px;opacity:0;position:absolute;right:-20px;top:-20px;transition:opacity .3s ease;z-index:0}.skill-card.active .skill-glow,.skill-card:hover .skill-glow{opacity:.3}.projects{background:linear-gradient(135deg,#0f0f23,#1a1a2e);padding:6rem 0}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.project-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;cursor:pointer;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card:hover{border-color:#667eea4d;box-shadow:0 20px 40px #667eea33;transform:translateY(-8px)}.project-image{height:200px;overflow:hidden;position:relative}.project-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:1rem}.project-link{align-items:center;background:#667eeae6;border-radius:25px;color:#fff;display:flex;font-size:.9rem;font-weight:600;gap:8px;padding:10px 16px;text-decoration:none;transition:all .3s ease}.project-link:hover{background:#667eea;transform:translateY(-2px)}.project-link svg{fill:currentColor;height:16px;width:16px}.project-content{padding:1.5rem}.project-content h3{color:#fff;font-size:1.3rem;font-weight:700;margin-bottom:.5rem}.project-content p{color:#a0a0a0;font-size:.95rem;line-height:1.6;margin-bottom:1rem}.project-features{animation:slideInUp .5s ease-out}.feature-item{color:#667eea;font-size:.9rem;margin-bottom:.5rem;padding-left:1rem;position:relative}.feature-item:before{color:#667eea;content:"•";left:0;position:absolute}.contact{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:6rem 0}.contact-content{margin:0 auto;max-width:600px;text-align:center}.contact-info{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:3rem}.contact-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.contact-item:hover{background:#667eea1a;border-color:#667eea4d;transform:translateY(-4px)}.contact-icon{flex-shrink:0;font-size:2rem}.contact-details h3{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.contact-details a{color:#667eea;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-details a:hover{color:#764ba2}.contact-message{background:#667eea1a;border:1px solid #667eea33;border-radius:15px;padding:2rem}.contact-message p{color:#d0d0d0;font-size:1.1rem;line-height:1.6}.footer{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border-top:1px solid #ffffff1a;padding:2rem 0;text-align:center}.footer-content p{color:#a0a0a0;font-size:.9rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes rotateIn{0%{opacity:0;transform:rotate(-180deg) scale(.3)}to{opacity:1;transform:rotate(0deg) scale(1)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes gradientShift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}@keyframes wave{0%,to{transform:rotate(0deg)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0deg)}}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:#0000}50%{border-color:#667eea}}@keyframes profileFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea4d}50%{box-shadow:0 0 40px #667eea99}}@media (max-width:1024px){.hero-content{gap:2rem;grid-template-columns:1fr;text-align:center}.hero-title{font-size:3rem}.about-content{gap:2rem;grid-template-columns:1fr}.section-title{font-size:2.5rem}}@media (max-width:768px){.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.2rem}.hero-actions{align-items:center;flex-direction:column}.cta-button{justify-content:center;max-width:250px;width:100%}.profile-container{height:250px;width:250px}.section-title{font-size:2rem}.contact-info,.education-grid,.projects-grid,.skills-grid{grid-template-columns:1fr}.social-icons{justify-content:center}.hero-greeting,.hero-subtitle,.hero-title{margin-left:2rem;margin-right:2rem}.hero-description p{font-size:1rem;line-height:1.7;margin:0 2rem}}@media (max-width:480px){.hero-title{font-size:2rem}.hero-subtitle{font-size:1rem}.profile-container{height:200px;width:200px}.section-title{font-size:1.8rem}.about-intro h3,.title-number{font-size:1.5rem}.edu-card,.project-card,.skill-card{padding:1.5rem}.contact-item{flex-direction:column;text-align:center}.hero-greeting,.hero-subtitle,.hero-title{margin-left:2.5rem;margin-right:2.5rem}.hero-description p{font-size:.95rem;margin:0 2.5rem}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1a1a1a}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#f093fb)}::selection{background:#667eea4d;color:#fff}::-moz-selection{background:#667eea4d;color:#fff}:focus{outline:2px solid #667eea;outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.543ef1c1.css.map*/