:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.navbar{z-index:1000;background:#0f172a;align-items:center;width:100%;height:80px;padding:0 40px;display:flex;position:fixed;top:0;left:0}.logo{flex:1}.logo h2{color:#38bdf8}.nav-links{flex:2;justify-content:center;gap:35px;list-style:none;display:flex}.nav-links a{color:#fff;font-size:18px;font-weight:500;text-decoration:none;transition:all .3s}.nav-links a:hover{color:#38bdf8}.empty{flex:1}.hero{background:#f8fafc;justify-content:space-between;align-items:center;gap:60px;min-height:100vh;padding:120px 8%;display:flex}.hero-left{flex:1}.hero-left h4{color:#2563eb;margin-bottom:15px;font-size:24px}.hero-left h1{margin-bottom:15px;font-size:65px;font-weight:800;line-height:1.2}.hero-left h1 span{color:#8b5cf6}.hero-left h2{color:#475569;margin-bottom:20px;font-size:30px}.hero-left p{color:#64748b;max-width:650px;font-size:18px;line-height:1.8}.hero-buttons{flex-direction:row;gap:15px;margin-top:35px;display:flex}.hero-btn{color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:180px;height:55px;font-weight:600;text-decoration:none;transition:all .3s;display:flex}.hero-btn:hover{transform:translateY(-5px)}.view-btn{background:#2563eb}.download-btn{background:#16a34a}.contact-btn{background:#9333ea}.hero-right{flex:1;justify-content:flex-end;display:flex}.image-box{border-radius:20px;width:430px;height:530px;overflow:hidden;box-shadow:0 20px 40px #0003}.image-box img{object-fit:cover;width:100%;height:100%;transition:all .4s}.image-box img:hover{transform:scale(1.05)}@media (width<=992px){.hero{text-align:center;flex-direction:column-reverse}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-left h1{font-size:48px}.hero-left h2{font-size:24px}.image-box{width:320px;height:400px}}@media (width<=576px){.hero-buttons{flex-direction:column;align-items:center}.hero-btn{width:240px}}.section-title{text-align:center;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6,#ec4899,#f59e0b,#22c55e) 0 0/300%;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:60px;font-size:70px;font-weight:800;transition:all .4s;animation:6s linear infinite gradientMove}.section-title span{font-weight:900}.section-title:hover{filter:drop-shadow(0 0 15px #2563eb80);transform:scale(1.05)}@keyframes gradientMove{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.section-title{text-align:center;background:linear-gradient(90deg,#2563eb,#06b6d4,#8b5cf6);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:60px;font-size:48px;font-weight:800}.about-content{max-width:1000px;margin:auto}@keyframes shine{0%{transform:translate(-100%)rotate(25deg)}to{transform:translate(100%)rotate(25deg)}}.who-box h3{color:#fff;margin-bottom:20px;font-size:42px;font-weight:800}.who-box p{color:#f8fafc;margin-bottom:20px;font-size:20px;line-height:1.9}.highlight{color:#facc15;font-weight:800}.about-buttons{flex-wrap:wrap;justify-content:center;gap:20px;margin-top:35px;display:flex}.about-btn{border-radius:50px;padding:15px 35px;font-size:18px;font-weight:700;text-decoration:none;transition:all .35s}.about-cv{color:#2563eb;background:#fff}.about-cv:hover{background:#eff6ff;transform:translateY(-5px);box-shadow:0 10px 25px #ffffff59}.about-contact{color:#111827;background:#facc15}.about-contact:hover{background:#fde047;transform:translateY(-5px);box-shadow:0 10px 25px #facc1566}.about-info{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;margin-top:55px;display:grid}.info-card{color:#fff;text-align:center;border-radius:20px;padding:30px;transition:all .4s;box-shadow:0 15px 30px #0000001f}.info-card:hover{transform:translateY(-10px)scale(1.03);box-shadow:0 20px 40px #00000038}.info-card:first-child{background:linear-gradient(135deg,#2563eb,#60a5fa)}.info-card:nth-child(2){background:linear-gradient(135deg,#16a34a,#4ade80)}.info-card:nth-child(3){background:linear-gradient(135deg,#ea580c,#fb923c)}.info-card h4{margin-bottom:15px;font-size:26px;font-weight:700}.info-card p{color:#fff;font-size:17px;line-height:1.6}.who-box{color:#fff;text-align:center;background:linear-gradient(135deg,#2563eb,#4f46e5,#7c3aed);border-radius:30px;max-width:1000px;margin:0 auto 50px;padding:50px;transition:all .4s;position:relative;overflow:hidden;box-shadow:0 20px 50px #2563eb4d}.who-box:before{content:"";background:linear-gradient(45deg,#0000,#fff3,#0000);width:200%;height:200%;animation:5s linear infinite shine;position:absolute;top:-50%;left:-50%;transform:rotate(25deg)}.who-box:hover{transform:translateY(-10px);box-shadow:0 25px 60px #4f46e566}.education{background:#fff;padding:100px 10%}.education .section-title{text-align:center;margin-bottom:70px;font-size:48px;font-weight:800}.education .section-title span{color:#2563eb}.timeline{max-width:900px;margin:auto;padding-left:40px;position:relative}.timeline:before{content:"";background:linear-gradient(#2563eb,#8b5cf6);width:4px;height:100%;position:absolute;top:0;left:15px}.timeline-item{margin-bottom:50px;position:relative}.timeline-dot{background:#2563eb;border:5px solid #fff;border-radius:50%;width:20px;height:20px;position:absolute;top:15px;left:-34px;box-shadow:0 0 15px #2563eb80}.timeline-content{background:#fff;border-radius:20px;padding:30px;transition:all .4s;box-shadow:0 15px 30px #00000014}.timeline-content:hover{transform:translateY(-8px);box-shadow:0 20px 40px #2563eb33}.year{color:#fff;background:#2563eb;border-radius:30px;margin-bottom:15px;padding:8px 18px;font-size:14px;font-weight:700;display:inline-block}.timeline-content h3{color:#0f172a;margin-bottom:10px;font-size:26px}.timeline-content h4{color:#2563eb;margin-bottom:15px}.timeline-content p{color:#475569;line-height:1.8}@media (width<=768px){.timeline{padding-left:25px}.timeline-dot{left:-20px}.education .section-title{font-size:38px}}.skills{background:#fff;padding:100px 10%}.skills .section-title{text-align:center;margin-bottom:60px;font-size:48px;font-weight:800}.skills .section-title span{color:#2563eb}.skills-container{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;display:grid}.skill-card{background:#fff;border-radius:20px;padding:25px;transition:all .4s;box-shadow:0 15px 35px #00000014}.skill-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px #2563eb33}.skill-card h3{margin-bottom:15px;font-size:22px}.progress{background:#e2e8f0;border-radius:30px;width:100%;height:18px;overflow:hidden}.progress-bar{color:#fff;text-align:right;border-radius:30px;height:100%;padding-right:10px;font-size:13px;font-weight:700;line-height:18px}.html{background:linear-gradient(90deg,#ff512f,#dd2476);width:95%}.css{background:linear-gradient(90deg,#2563eb,#38bdf8);width:90%}.js{background:linear-gradient(90deg,#facc15,#f59e0b);width:85%}.react{background:linear-gradient(90deg,#06b6d4,#2563eb);width:80%}.python{background:linear-gradient(90deg,#16a34a,#22c55e);width:90%}.data{background:linear-gradient(90deg,#8b5cf6,#ec4899);width:75%}.projects{background:#f8fafc;padding:100px 10%}.projects .section-title{text-align:center;margin-bottom:60px;font-size:48px;font-weight:800}.projects .section-title span{color:#2563eb}.projects-container{grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:35px;display:grid}.project-card{background:#fff;border-radius:22px;transition:all .4s;overflow:hidden;box-shadow:0 15px 35px #0000001f}.project-card:hover{transform:translateY(-12px);box-shadow:0 20px 45px #2563eb40}.project-card img{object-fit:cover;width:100%;height:220px;transition:all .5s}.project-card:hover img{transform:scale(1.08)}.project-content{padding:25px}.project-content h3{color:#1e293b;margin-bottom:15px;font-size:28px}.project-content p{color:#64748b;margin-bottom:20px;font-size:17px;line-height:1.7}.tech{flex-wrap:wrap;gap:10px;margin-bottom:25px;display:flex}.tech span{color:#fff;background:linear-gradient(135deg,#2563eb,#06b6d4);border-radius:30px;padding:8px 18px;font-size:14px;font-weight:600;transition:all .3s}.tech span:hover{background:linear-gradient(135deg,#8b5cf6,#ec4899);transform:scale(1.08)}.project-buttons{gap:15px;display:flex}.project-buttons a{text-align:center;color:#fff;border-radius:12px;flex:1;padding:12px;font-weight:700;text-decoration:none;transition:all .3s}.project-buttons a:first-child{background:linear-gradient(135deg,#2563eb,#06b6d4)}.project-buttons a:last-child{background:linear-gradient(135deg,#8b5cf6,#ec4899)}.project-buttons a:hover{transform:translateY(-5px);box-shadow:0 12px 25px #0003}@media (width<=768px){.projects{padding:70px 6%}.projects .section-title{font-size:38px}.project-content h3{font-size:24px}.project-buttons{flex-direction:column}}.contact{background:#f8fafc;padding:100px 10%}.contact-title{text-align:center;background:linear-gradient(90deg,#2563eb,#8b5cf6,#06b6d4);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:15px;font-size:48px;font-weight:800}.contact-subtitle{text-align:center;color:#64748b;margin-bottom:60px;font-size:18px}.contact-container{grid-template-columns:1fr 1fr;gap:50px;display:grid}.contact-info{flex-direction:column;gap:20px;display:flex}.contact-card{color:#fff;background:linear-gradient(135deg,#2563eb,#60a5fa);border-radius:20px;padding:25px;transition:all .4s;box-shadow:0 10px 25px #00000026}.contact-card:hover{transform:translateY(-8px)}.contact-form{background:#fff;border-radius:20px;padding:35px;box-shadow:0 10px 25px #0000001a}.contact-form input,.contact-form textarea{border:2px solid #e2e8f0;border-radius:10px;outline:none;width:100%;margin-bottom:20px;padding:15px;font-size:16px;transition:all .3s}.contact-form input:focus,.contact-form textarea:focus{border-color:#2563eb}.contact-form button{color:#fff;cursor:pointer;background:linear-gradient(90deg,#2563eb,#8b5cf6);border:none;border-radius:12px;width:100%;padding:15px;font-size:18px;font-weight:700;transition:all .3s}.contact-form button:hover{transform:translateY(-4px)}@media (width<=768px){.contact-container{grid-template-columns:1fr}}.footer{color:#fff;text-align:center;background:#0f172a;padding:70px 10%}.footer h2{color:#38bdf8;margin-bottom:15px;font-size:38px}.footer-desc{color:#cbd5e1;margin-bottom:35px;font-size:18px}.top-btn{color:#fff;background:#2563eb;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 40px;font-size:24px;text-decoration:none;transition:all .35s;display:flex}.top-btn:hover{background:#38bdf8;transform:translateY(-5px)}.footer-line{background:#334155;width:220px;height:2px;margin:0 auto 25px}.copyright{color:#94a3b8;font-size:15px}.footer-social{flex-direction:row;justify-content:center;align-items:center;gap:25px;width:70px;height:70px;margin:30px auto;display:flex}.footer-social a:hover{color:#38bdf8;transform:scale(1.15)}