@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap";:root{--primary:#b80072;--secondary:#003693;--text:#171717;--text-soft:#666;--text-light:#969696;--white:#fff;--off-white:#f8f8fa;--border:#e8e8ed;--shadow:0 10px 40px #00000014;--bg-light-1:#fff;--bg-light-2:#f8f8fa;--bg-dark-1:#0d0d12;--bg-dark-2:#15151c;--card-light-1:#fdf2f8;--card-light-2:#f0f4fa;--card-dark-1:#1a1a22;--card-dark-2:#20202a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg-light-1);margin:0}button,input,textarea{font-family:Poppins,sans-serif}button,a{-webkit-tap-highlight-color:transparent}.page{min-height:100vh;color:var(--text);background:var(--bg-light-1);font-family:Poppins,sans-serif;overflow-x:hidden}:root[data-theme=dark]{--text:#f5f5f7;--text-soft:#a8a8b3;--text-light:#777783;--bg-light-1:var(--bg-dark-1);--bg-light-2:var(--bg-dark-2);--card-light-1:var(--card-dark-1);--card-light-2:var(--card-dark-2)}:root[data-theme=dark] body,:root[data-theme=dark] .page{background:var(--bg-dark-1)}.btn{cursor:pointer;border-radius:25px;padding:14px 28px;font-size:13px;font-weight:700;transition:all .25s}.btn:hover{transform:translateY(-2px)}.btn--primary{color:var(--white);background:var(--primary);box-shadow:0 8px 20px #b800724d}.btn--primary:hover{background:var(--secondary);box-shadow:0 12px 30px #00369366}.btn--secondary{background:var(--secondary);color:var(--white)}.btn--secondary:hover{background:var(--primary)}@media (width<=550px){.btn{width:100%}}.eyebrow{color:var(--white);background:var(--secondary);letter-spacing:.16em;border-radius:20px;margin:0 0 17px;padding:8px 16px;font-size:11px;font-weight:700;display:inline-block}.section{width:100%;margin:0 auto;padding:125px 30px}.section-heading{margin-bottom:55px}.section-title{color:var(--text);letter-spacing:-2px;margin:0;font-size:clamp(38px,5vw,58px);font-weight:800;line-height:1.05}.section-title span{color:var(--primary)}.section-intro{max-width:600px;color:var(--text-soft);margin:20px 0 0;font-size:14px;line-height:1.8}@media (width<=768px){.section{padding:95px 22px}.section-heading{margin-bottom:42px}}.navbar{z-index:100;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:50px;width:90%;max-width:1100px;transition:all .3s;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0000001a}.navbar--scrolled{top:10px;box-shadow:0 10px 40px #00000026}.nav-inner{justify-content:space-between;align-items:center;gap:20px;width:100%;padding:15px 30px;display:flex}.logo{box-shadow:none;cursor:pointer;color:var(--text);letter-spacing:-.5px;white-space:nowrap;appearance:none;background:0 0;border:none;outline:none;margin:0;padding:0;font-size:20px;font-weight:800}.logo span{color:var(--primary)}.nav-links-desktop{background:0 0;align-items:center;gap:5px;padding:5px;display:flex}.nav-link{cursor:pointer;color:var(--text-soft);white-space:nowrap;background:0 0;border:none;border-radius:25px;outline:none;padding:10px 20px;font-size:13px;font-weight:600;transition:color .3s,background .3s;position:relative}.nav-link--active{color:var(--white);background:#b80072d9;box-shadow:0 5px 15px #b8007240}.nav-actions{align-items:center;gap:10px;display:flex}.theme-toggle{background:var(--secondary);width:40px;height:40px;color:var(--white);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex}.theme-toggle:hover{background:var(--primary);transform:rotate(15deg)}.burger-btn{cursor:pointer;background:0 0;border-radius:50%;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;padding:10px;display:none}.burger-line{background:var(--text);width:20px;height:2px;transition:all .25s}.burger-line--top{transform:translateY(7px)rotate(45deg)}.burger-line--mid{opacity:0}.burger-line--bottom{transform:translateY(-7px)rotate(-45deg)}.nav-links-mobile{flex-direction:column;gap:5px;margin-top:10px;padding:15px 20px 20px;display:flex}.nav-link-mobile{cursor:pointer;text-align:center;color:var(--text-soft);background:0 0;border:none;border-radius:25px;outline:none;padding:12px 0;font-size:14px;font-weight:600;transition:color .3s,background .3s}.nav-link-mobile.nav-link--active{color:var(--white);background:#b80072d9;box-shadow:0 5px 15px #b8007240}:root[data-theme=dark] .navbar{background:var(--bg-dark-1)}:root[data-theme=dark] .nav-links-desktop{background:0 0}:root[data-theme=dark] .nav-link--active{color:var(--white);background:#003693d9;box-shadow:0 5px 15px #00369340}:root[data-theme=dark] .burger-btn,:root[data-theme=dark] .nav-link-mobile{background:0 0}:root[data-theme=dark] .nav-link-mobile.nav-link--active{background:#003693d9;box-shadow:0 5px 15px #00369340}:root[data-theme=dark] .nav-links-mobile{background:var(--bg-dark-1)}:root[data-theme=dark] .burger-line{background:var(--text)}@media (width<=768px){.navbar{border-radius:30px;width:95%;top:10px}.nav-links-desktop{display:none}.theme-toggle{margin-left:auto;margin-right:12px}.burger-btn{display:flex}.nav-inner{padding:18px 22px}}.hero{background:var(--bg-light-2);align-items:center;gap:50px;max-width:1180px;min-height:100vh;margin:0 auto;padding:170px 30px 120px;display:flex;position:relative}.hero-content{z-index:2;flex:1;max-width:600px;position:relative}.hero img{max-width:40%;box-shadow:var(--shadow);border-radius:15px}.hero-title{color:var(--text);letter-spacing:-4px;margin:0;font-size:clamp(50px,7vw,90px);font-weight:800;line-height:1}.hero-title span{color:var(--primary)}.hero-role{color:var(--text);margin:34px 0 0;font-size:clamp(16px,2vw,22px);font-weight:600;line-height:1.6}.hero-role b{color:var(--primary);margin:0 7px;font-weight:700}.hero-description{max-width:650px;color:var(--text-soft);margin:19px 0 35px;font-size:15px;line-height:1.9}.hero-actions{flex-wrap:wrap;gap:13px;display:flex}@media (width<=950px){.hero{text-align:center;flex-direction:column}.hero img{max-width:60%}.hero-actions{justify-content:center}}@media (width<=768px){.hero{min-height:auto;padding:150px 22px 110px}.hero-title{letter-spacing:-3px;font-size:clamp(54px,14vw,78px)}.hero-role{font-size:15px}.hero-description{font-size:14px}}@media (width<=550px){.hero-actions{flex-direction:column;align-items:stretch}.hero img{max-width:80%}.hero-role{line-height:1.8}.hero-role b{margin:0 3px}}.services-section{background:var(--bg-light-1);padding-top:60px}.services-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.service-card{background:var(--card-light-1);border-radius:15px;min-height:270px;padding:28px;transition:all .3s;position:relative}.service-card:nth-child(2n){background:var(--card-light-2)}.service-card:hover{box-shadow:var(--shadow);background:var(--white);transform:translateY(-6px)}.service-number{color:var(--secondary);margin-bottom:60px;font-size:14px;font-weight:800;display:block}.service-card h3{color:var(--text);margin:0 0 12px;font-size:19px;font-weight:700}.service-card p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.8}:root[data-theme=dark] .service-card:hover{background:var(--card-dark-2)}@media (width<=950px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.services-grid{grid-template-columns:1fr}}.work-section{background:var(--bg-light-2);max-width:1250px}.work-category{margin-top:90px}.category-heading{align-items:flex-start;gap:20px;margin-bottom:30px;padding-bottom:15px;display:flex}.category-heading>span{color:var(--primary);padding-top:5px;font-size:14px;font-weight:800}.category-heading p{color:var(--text-light);letter-spacing:.15em;margin:0 0 3px;font-size:10px;font-weight:700}.category-heading h3{color:var(--text);letter-spacing:-.7px;margin:0;font-size:28px;font-weight:700}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{color:var(--text);background:var(--card-light-2);border-radius:15px;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.project-card:nth-child(2n){background:var(--card-light-1)}.project-card:hover{box-shadow:var(--shadow);transform:translateY(-7px)}.project-visual{background:var(--primary);justify-content:center;align-items:center;height:210px;display:flex;position:relative;overflow:hidden}.project-visual img{object-fit:cover;width:100%;height:100%;display:block}.project-visual--design{background:var(--secondary)}.project-visual--content{background:var(--primary)}.project-visual--photo{background:var(--secondary)}.project-visual span{color:#fffffff2;letter-spacing:.18em;font-size:12px;font-weight:700}.project-visual strong{color:#ffffff4d;font-size:90px;font-weight:800;line-height:1;position:absolute;bottom:10px;right:20px}.project-content{padding:23px}.project-tags{flex-wrap:wrap;gap:6px;margin-bottom:13px;display:flex}.project-tags span{background:var(--white);color:var(--text-soft);border-radius:3px;padding:4px 8px;font-size:9px;font-weight:600}.project-content h4{margin:0 0 9px;font-size:18px;font-weight:700}.project-content p{min-height:65px;color:var(--text-soft);margin:0 0 20px;font-size:12px;line-height:1.75}.project-link{color:var(--primary);font-size:12px;font-weight:700}:root[data-theme=dark] .project-tags span{color:#a8a8b3;background:#2a2a35}@media (width<=950px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.projects-grid{grid-template-columns:1fr}.work-category{margin-top:70px}}.experience-section{background:var(--bg-light-1);max-width:none;padding-left:max(30px,50vw - 560px);padding-right:max(30px,50vw - 560px)}.timeline{border-left:3px solid var(--primary);max-width:1000px;margin-left:12px}.timeline-item{padding:0 0 65px 45px;position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-marker{background:var(--secondary);width:34px;height:34px;color:var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:800;display:flex;position:absolute;top:0;left:-18px}.timeline-date{color:var(--primary);letter-spacing:.05em;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.timeline-content h3{color:var(--text);margin:0;font-size:22px;font-weight:700}.timeline-content h4{color:var(--secondary);margin:4px 0 14px;font-size:14px;font-weight:700}.timeline-content p{max-width:720px;color:var(--text-soft);margin:0 0 17px;font-size:13px;line-height:1.8}.timeline-tools{flex-wrap:wrap;gap:7px;display:flex}.timeline-tools span{background:var(--card-light-2);color:var(--text-soft);border-radius:3px;padding:5px 10px;font-size:9px;font-weight:600}:root[data-theme=dark] .timeline-marker{background:var(--secondary);color:var(--white)}:root[data-theme=dark] .timeline-tools span{color:#a8a8b3;background:#2a2a35}.tool-category{z-index:1;color:var(--text-soft);letter-spacing:.5px;text-transform:uppercase;margin-top:4px;font-size:10px;font-weight:500;display:block;position:relative}.tools-section{background:var(--bg-light-2);padding:120px 30px;position:relative}.tools-inner{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px;max-width:1120px;margin:0 auto;display:grid}.tools-section .eyebrow{background:var(--primary);margin-bottom:20px}.tools-section h2{letter-spacing:-1.5px;color:var(--text);margin:0 0 20px;font-size:48px;font-weight:800;line-height:1.1}.tools-section h2 span{color:var(--secondary)}.tools-description{color:var(--text-soft);margin:0 0 30px;font-size:14px;line-height:1.8}.tools-stats{gap:20px;margin-top:10px;display:flex}.tool-stat{background:var(--card-light-1);text-align:center;color:var(--text);border-radius:15px;flex:1;padding:20px;transition:all .3s}.tool-stat:nth-child(2n){background:var(--card-light-2)}.tool-stat:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.tool-stat strong{color:var(--primary);margin-bottom:5px;font-size:28px;font-weight:800;display:block}.tool-stat span{color:var(--text-soft);font-size:11px;font-weight:500;line-height:1.4;display:block}.tools-list{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.tool-item{background:var(--card-light-2);color:var(--text);cursor:pointer;border-radius:15px;padding:20px;font-size:15px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.tool-item:nth-child(2n){background:var(--card-light-1)}.tool-item:hover{box-shadow:var(--shadow);transform:translateY(-4px)}.tool-item span{background:var(--primary);width:35px;height:35px;color:var(--white);border-radius:8px;justify-content:center;align-items:center;margin-right:12px;font-size:11px;font-weight:700;transition:all .3s;display:inline-flex}.tool-item:hover span{background:var(--secondary);transform:scale(1.1)}.tool-item strong{font-weight:700}.tool-item .tool-category{margin-left:50px}.tool-item .proficiency{z-index:1;background:var(--white);border-radius:2px;height:4px;margin-top:15px;display:block;position:relative;overflow:hidden}.tool-item .proficiency:after{content:"";background:var(--secondary);border-radius:2px;width:0;height:100%;transition:width .8s cubic-bezier(.4,0,.2,1);display:block;position:absolute;top:0;left:0}.tool-item:hover .proficiency:after,.tool-item.in-view .proficiency:after{width:var(--level)}.tool-icon{opacity:.2;font-size:28px;transition:all .3s;position:absolute;top:50%;right:15px;transform:translateY(-50%)}.tool-item:hover .tool-icon{opacity:.5;transform:translateY(-50%)scale(1.1)}:root[data-theme=dark] .tool-item .proficiency{background:#2a2a35}@media (width<=950px){.tools-inner{grid-template-columns:1fr;gap:40px}}@media (width<=768px){.tools-stats{flex-direction:column;gap:10px}}@media (width<=550px){.tools-list{grid-template-columns:1fr}}.education-section{background:var(--bg-light-1)}.education-grid{grid-template-columns:1fr 1fr;gap:80px;display:grid}.education-card{background:var(--card-light-1);border-radius:15px;padding:30px}.education-card>span,.certificate-card>span{color:var(--primary);letter-spacing:.08em;font-size:11px;font-weight:700}.education-card h3{margin:15px 0 4px;font-size:22px;font-weight:700}.education-card p{color:var(--text-soft);margin:0 0 22px;font-size:13px}.education-card strong{color:var(--secondary);font-size:14px}.certificates{flex-direction:column;gap:12px;display:flex}.certificate-card{background:var(--card-light-2);border-radius:15px;padding:22px;transition:all .25s}.certificate-card:hover{box-shadow:var(--shadow);transform:translate(5px)}.certificate-card h3{margin:8px 0 3px;font-size:17px;font-weight:700}.certificate-card p{color:var(--text-soft);margin:0;font-size:12px}@media (width<=950px){.education-grid{grid-template-columns:1fr;gap:70px}}.contact-section{background:var(--bg-light-2);border-radius:20px;grid-template-columns:.9fr 1.1fr;align-items:start;gap:100px;width:100%;max-width:1180px;margin-top:50px;display:grid}.contact-title{letter-spacing:-3px;margin:0;font-size:clamp(45px,6vw,70px);font-weight:800;line-height:1.3}.contact-title span{color:var(--primary)}.contact-heading>p:last-child{max-width:480px;color:var(--text-soft);margin:25px 0 0;font-size:14px;line-height:1.8}.contact-content{grid-template-columns:1.2fr .8fr;gap:40px;display:grid}.form{flex-direction:column;gap:12px;display:flex}.input,.textarea{background:var(--white);width:100%;color:var(--text);border-radius:10px;outline:none;padding:15px 16px;font-size:13px;transition:all .2s}.input:focus,.textarea:focus{box-shadow:0 0 0 3px #b800721a}.input::placeholder,.textarea::placeholder{color:#999}.textarea{resize:vertical;min-height:140px}.contact-info{flex-direction:column;gap:25px;display:flex}.contact-info>div{flex-direction:column;gap:4px;display:flex}.contact-info span{color:var(--secondary);letter-spacing:.1em;text-transform:uppercase;font-size:10px;font-weight:700}.contact-info a,.contact-info p{color:var(--text);margin:0;font-size:13px;font-weight:500;text-decoration:none}.contact-info a:hover{color:var(--primary)}.socials{flex-wrap:wrap;margin-top:5px;flex-direction:row!important;gap:15px!important;display:flex!important}.socials a{color:var(--white);background:var(--secondary);border-radius:20px;padding:10px 20px;font-size:12px;font-weight:700;transition:all .25s}.socials a:hover{background:var(--primary);transform:translateY(-2px)}:root[data-theme=dark] .input,:root[data-theme=dark] .textarea{background:var(--card-dark-1);color:var(--text)}:root[data-theme=dark] .input::placeholder,:root[data-theme=dark] .textarea::placeholder{color:#666672}@media (width<=950px){.contact-section{border-radius:0;grid-template-columns:1fr;gap:60px;margin-top:0}}@media (width<=768px){.contact-content{grid-template-columns:1fr}}@media (width<=550px){.contact-title{letter-spacing:-2px;font-size:48px}.contact-section{gap:45px}}.footer{background:var(--bg-light-1);text-align:center;padding:28px 30px}.footer p{color:#999;margin:0;font-size:11px;font-weight:500}.footer span{color:var(--primary);font-weight:600}