:root{--bg-main: #ffffff;--bg-soft: #fdf2f8;--card-bg: rgba(255, 255, 255, .7);--accent-primary: #ec4899;--accent-secondary: #be185d;--text-main: #03070e;--text-soft: #1d1e1f}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#ec4899 #fce7f3}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;font-family:Inter,sans-serif;background:linear-gradient(135deg,#dd94b1,#fde7f1 60%,#e692b6);color:var(--text-main)}section{padding:100px 0}main{margin-top:80px}.navbar{position:fixed;width:100%;height:82px;top:0;left:0;z-index:1000;display:flex;justify-content:space-between;align-items:center;padding:0 7%;background:#f472b6eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.28);box-shadow:0 8px 24px #be185d14}.logo{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff47;color:var(--text-main);font-size:20px;font-weight:700;letter-spacing:-.5px;text-decoration:none;border:1px solid rgba(255,255,255,.35);transition:all .3s ease}.logo:hover{transform:translateY(-2px);background:#ffffff73;color:var(--accent-secondary);box-shadow:0 8px 20px #be185d1f}.nav-links{list-style:none;display:flex;align-items:center;gap:30px}.nav-links a{text-decoration:none;color:var(--text-main);font-size:16px;font-weight:500;position:relative;padding:10px 16px;border-radius:999px;transition:color .3s ease}.nav-links a:hover{color:#7d087a;background:#ffffff59}.menu-icon{padding:0;border:0;background:transparent;font:inherit;display:none;font-size:28px;cursor:pointer;color:var(--text-main);transition:all .3s ease}.menu-icon:hover{transform:translateY(-2px) scale(1.05);background:#ffffff73;color:var(--accent-secondary);box-shadow:0 8px 20px #be185d24}.container{max-width:1100px;margin:0 auto;padding:0 20px}.nav-links li{cursor:pointer;transition:.3s}.hero{min-height:calc(100vh - 82px);display:flex;align-items:center;padding:88px 7% 64px}.hero-container{width:100%;max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(42px,6vw,80px)}.hero-content{max-width:650px}.hero-eyebrow{margin:0 0 12px;color:#ec4899;font-size:18px;font-weight:700;letter-spacing:.02em}.hero-title{margin:0;color:var(--text-main);font-size:clamp(52px,6vw,76px);font-weight:800;line-height:1.05;letter-spacing:-2px}.hero-subtitle{margin:18px 0 0;color:var(--text-main);font-size:clamp(20px,1.7vw,24px);font-weight:700;line-height:1.35;letter-spacing:-.3px;white-space:nowrap}.hero-description{max-width:590px;margin:20px 0 0;color:#03070eb8;font-size:17px;line-height:1.75}.hero-buttons{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.hero-button{min-width:185px;padding:15px 28px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.hero-button.primary{background:var(--accent-primary);color:#fff;box-shadow:0 10px 24px #ec489940}.hero-button.primary:hover{transform:translateY(-3px);background:var(--accent-secondary);box-shadow:0 14px 30px #be185d47}.hero-button.secondary{border-color:#ffffffb8;background:#ffffff42;color:var(--text-main)}.hero-button.secondary:hover{transform:translateY(-3px);background:#ffffff7a;box-shadow:0 12px 26px #be185d24}.hero-button:focus-visible{outline:3px solid #7d087a;outline-offset:4px}.hero-image-wrapper{display:flex;align-items:center;justify-content:center}.hero-image-card{position:relative;width:100%;max-width:600px;padding:12px;border:1px solid rgba(255,255,255,.48);border-radius:34px;background:#ffffff57;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 18px 45px #be185d29;transition:transform .3s ease,box-shadow .3s ease}.hero-image-card:hover{transform:translateY(-6px);box-shadow:0 22px 52px #be185d38}.hero-image{display:block;width:100%;aspect-ratio:4 / 3;border-radius:26px;object-fit:cover;object-position:center}@media(max-width:900px){.hero{min-height:auto;padding:72px 6% 70px}.hero-container{grid-template-columns:1fr;gap:38px;text-align:center}.hero-content{max-width:720px;margin:0 auto}.hero-description{margin-right:auto;margin-left:auto}.hero-buttons{justify-content:center}.hero-image-wrapper{order:-1}.hero-image-card{max-width:620px}.hero-title{letter-spacing:-1.5px}.hero-subtitle{white-space:normal}}@media(max-width:600px){.hero{padding:52px 18px 62px}.hero-eyebrow{font-size:16px}.hero-title{font-size:clamp(40px,13vw,54px)}.hero-subtitle{font-size:19px}.hero-description{font-size:16px;line-height:1.7}.hero-buttons{flex-direction:column;margin-top:30px}.hero-button{width:100%}.hero-image-card{max-width:100%;padding:9px;border-radius:26px}.hero-image{border-radius:19px}}@media(prefers-reduced-motion:reduce){.hero-button,.hero-image-card{transition:none}}@media(max-width:768px){.navbar{height:76px;padding:0 6%}.menu-icon{display:block}.nav-links{position:absolute;top:76px;right:6%;display:none;flex-direction:column;align-items:stretch;gap:8px;width:220px;padding:16px;background:#ffffffd1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:18px;box-shadow:0 18px 40px #be185d2e}.nav-links.active{display:flex}.nav-links a{display:block;padding:12px 14px}.hero{padding:115px 6% 70px}.hero-title{font-size:clamp(42px,12vw,58px);letter-spacing:-1.5px}.hero-buttons{flex-direction:column}.hero-button{width:100%}}.highlight{color:#ec4899}.footer{padding:30px 7%;background:linear-gradient(135deg,#f472b6e0,#ec4899c7);border-top:1px solid rgba(255,255,255,.38);box-shadow:inset 0 1px #ffffff29}.footer-container{max-width:1120px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer p{margin:0;color:#fffffff0;font-size:14.5px;font-weight:600}.footer-links{display:flex;align-items:center;gap:10px}.footer-links a{padding:7px 11px;border-radius:999px;color:#fff;font-size:14.5px;font-weight:700;text-decoration:none;transition:transform .25s ease,background-color .25s ease,box-shadow .25s ease}.footer-links a:hover{transform:translateY(-2px);background:#ffffff2e;box-shadow:0 6px 16px #8318431f}.footer-links a:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media(max-width:900px){.contact-buttons{grid-template-columns:1fr}.footer-container{flex-direction:column;gap:16px;text-align:center}.footer-links{justify-content:center;flex-wrap:wrap}}@media(max-width:768px){.contact-card{margin:0 6%;padding:36px 24px}.contact-description{font-size:16px}}@media(max-width:600px){.footer{padding:26px 18px}.footer-container{gap:14px}.footer p{font-size:13.5px;line-height:1.6}.footer-links{gap:4px}.footer-links a{padding:7px 9px;font-size:13.5px}}.projects-section{background:#ffffff1f;border-top:1px solid rgba(255,255,255,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.projects-intro{max-width:760px;margin:-35px auto 58px;padding:0 24px;color:#03070eb8;font-size:17px;line-height:1.7;text-align:center}.projects-block{width:100%;max-width:1320px;margin:0 auto 72px;padding:0 5%}.projects-block:last-child{margin-bottom:0}.projects-heading-row{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.projects-subtitle{margin:0;color:var(--accent-secondary);font-size:24px;font-weight:800;line-height:1.3}.projects-label{flex-shrink:0;padding:8px 14px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:#ffffff61;color:#03070ead;font-size:13px;font-weight:700;line-height:1.2;white-space:nowrap}.project-grid{display:grid;gap:24px}.featured-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.additional-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{position:relative;display:flex;flex-direction:column;min-width:0;height:100%;padding:28px;border:1px solid rgba(255,255,255,.52);border-radius:24px;background:#ffffff75;box-shadow:0 14px 34px #be185d14;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.project-card:hover{transform:translateY(-6px);border-color:#ec48993d;background:#ffffff9e;box-shadow:0 18px 42px #be185d24}.featured-card{border-color:#ec48993d;background:#ffffff85}.project-card.compact{padding:26px}.project-card-meta{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;min-height:29px;margin-bottom:17px}.featured-badge,.project-course{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:800;line-height:1.2;letter-spacing:.2px}.featured-badge{background:#ec489924;color:var(--accent-secondary)}.project-course{border:1px solid rgba(125,8,122,.14);background:#7d087a14;color:#7d087a}.project-card-header{margin-bottom:15px}.project-title{margin:0;color:var(--text-main);font-size:20px;font-weight:800;line-height:1.35}.project-description{display:flex;flex-direction:column;gap:12px;margin:0 0 21px}.project-description p{margin:0;color:#03070ebd;font-size:14.8px;line-height:1.68}.project-description strong{color:var(--text-main);font-weight:750}.project-card.compact .project-description{margin-bottom:20px}.project-card.compact .project-description p{font-size:14.6px}.project-tech{margin:auto 0 0;padding-top:18px;border-top:1px solid rgba(190,24,93,.1);color:#03070eb3;font-size:14px;line-height:1.6}.project-tech strong{color:var(--text-main);font-weight:800}.project-links{display:flex;flex-wrap:wrap;gap:11px;margin-top:21px}.project-links a{display:inline-flex;align-items:center;justify-content:center;padding:10px 16px;border:1px solid rgba(236,72,153,.22);border-radius:999px;background:#ffffff7a;color:var(--accent-secondary);font-size:14px;font-weight:750;line-height:1.2;text-decoration:none;transition:transform .25s ease,background-color .25s ease,border-color .25s ease,box-shadow .25s ease}.project-links a:hover{transform:translateY(-2px);border-color:#ec48995c;background:#ec489921;box-shadow:0 8px 18px #be185d1a}.project-links a:focus-visible{outline:3px solid rgba(236,72,153,.4);outline-offset:3px}.additional-grid .project-card:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 24px)/2);justify-self:center}@media(max-width:1050px){.featured-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.featured-grid .project-card:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 24px)/2);justify-self:center}}@media(max-width:850px){.featured-grid,.additional-grid{grid-template-columns:1fr}.featured-grid .project-card:last-child:nth-child(odd),.additional-grid .project-card:last-child:nth-child(odd){grid-column:auto;width:100%}}@media(max-width:600px){.projects-intro{margin:-28px auto 42px;padding:0 18px;font-size:16px;line-height:1.65}.projects-block{margin-bottom:54px;padding:0 18px}.projects-heading-row{align-items:flex-start;flex-direction:column;gap:11px;margin-bottom:20px}.projects-subtitle{font-size:21px}.projects-label{padding:7px 12px;font-size:12px}.project-grid{gap:18px}.project-card,.project-card.compact{padding:23px;border-radius:20px}.project-card-meta{margin-bottom:15px}.project-title{font-size:18px}.project-description p,.project-card.compact .project-description p{font-size:14.5px;line-height:1.65}.project-links{flex-direction:column}.project-links a{width:100%}}@media(prefers-reduced-motion:reduce){.project-card,.project-links a{transition:none}.project-card:hover,.project-links a:hover{transform:none}}.about-section{background:#ffffff24;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.28)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:70px;max-width:1120px;margin:0 auto;padding:0 7%;align-items:center}.about-left{display:flex;flex-direction:column;gap:24px}.about-left p{margin:0;font-size:17px;line-height:1.85;color:#03070ed1}.about-right{display:flex;flex-direction:column;gap:18px}.about-highlight{display:flex;align-items:flex-start;gap:16px;padding:20px 22px;border-radius:18px;background:#ffffff61;border:1px solid rgba(255,255,255,.45);box-shadow:0 10px 28px #be185d14;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.about-highlight:hover{transform:translateY(-5px);background:#ffffff85;box-shadow:0 16px 35px #be185d21}.about-icon{width:42px;height:42px;min-width:42px;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#ec48991f;font-size:20px}.about-highlight h3{font-size:17px;font-weight:700;color:var(--text-main);margin-bottom:6px}.about-highlight p{font-size:14.5px;line-height:1.6;color:#03070ead;margin:0}@media(max-width:900px){.about-content{grid-template-columns:1fr;gap:45px;padding:0 6%}.about-left p{font-size:16px}}.skills-section{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25)}.skills-intro{max-width:720px;margin:-35px auto 55px;text-align:center;font-size:17px;line-height:1.7;color:#03070eb8}.skills-grid{max-width:1180px;margin:0 auto;padding:0 7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.skills-card{min-width:0;padding:30px 28px;border-radius:24px;background:#ffffff6b;border:1px solid rgba(255,255,255,.48);box-shadow:0 14px 34px #be185d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;height:100%;transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.skills-card:hover{transform:translateY(-6px);background:#ffffff8f;box-shadow:0 18px 42px #be185d24}.skills-card-header{min-height:142px;margin-bottom:22px}.skills-card-header h3{margin:0 0 10px;font-size:20px;font-weight:750;color:var(--accent-secondary)}.skills-card-header p{margin:0;font-size:14.5px;line-height:1.6;color:#03070ea8}.skills-list{display:flex;flex-wrap:wrap;gap:10px}.skill-pill{display:inline-flex;align-items:center;gap:10px;padding:9px 13px 9px 9px;border-radius:999px;background:#ffffff73;border:1px solid rgba(255,255,255,.5);font-size:14.5px;font-weight:600;color:var(--text-main);transition:all .25s ease}.skill-pill:hover{transform:translateY(-3px);background:#ec48991f;border-color:#ec489940}.skill-icon{width:28px;height:28px;flex:0 0 28px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:#ec48991a;color:var(--accent-secondary);font-size:10px;font-weight:800;letter-spacing:-.02em;line-height:1}.skill-icon--react,.skill-icon--native{color:#087ea4;background:#087ea41f}.skill-icon--javascript{color:#6f6100;background:#f7df1e52}.skill-icon--typescript{color:#3178c6;background:#3178c621}.skill-icon--html{color:#d9480f;background:#e34c261f}.skill-icon--css{color:#2965f1;background:#2965f11f}.skill-icon--responsive,.skill-icon--api{color:#9333ea;background:#9333ea1c}.skill-icon--python{color:#306998;background:#ffd43b47}.skill-icon--github{color:#24292f;background:#24292f1a}.skill-icon--vite{color:#7c3aed;background:#646cff1f}.skill-icon--postman{color:#d84b15;background:#ff6c3724}.skill-icon--figma{color:#a259ff;background:#a259ff1f}.skill-icon--testing{color:#be185d;background:#ec489921}.skill-icon--agile{color:#0f766e;background:#14b8a621}@media(max-width:1000px){.skills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.skills-card:last-child{grid-column:1 / -1;width:calc((100% - 22px)/2);justify-self:center}.skills-card-header{min-height:auto}}@media(max-width:768px){.skills-intro{margin:-30px auto 40px;padding:0 6%;font-size:16px}.skills-grid{padding:0 6%;grid-template-columns:1fr}.skills-card{padding:24px}.skills-card:last-child{grid-column:auto;width:100%}}.contact-section{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25)}.contact-card{max-width:920px;margin:0 auto;padding:46px 7%;text-align:center;border-radius:30px;background:#ffffff75;border:1px solid rgba(255,255,255,.5);box-shadow:0 18px 45px #be185d1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.contact-label{display:inline-flex;align-items:center;padding:8px 14px;margin-bottom:18px;border-radius:999px;background:#ec489924;color:var(--accent-secondary);font-size:13px;font-weight:800}.contact-card h2{margin:0 0 18px;color:var(--text-main);font-size:clamp(34px,5vw,48px);font-weight:800;line-height:1.1}.contact-description{max-width:680px;margin:0 auto 34px;font-size:17px;line-height:1.75;color:#03070eb8}.contact-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.contact-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:92px;padding:18px;border-radius:20px;background:#ffffff73;border:1px solid rgba(255,255,255,.52);color:var(--text-main);text-decoration:none;transition:transform .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.contact-btn span{font-size:16px;font-weight:800;margin-bottom:6px}.contact-btn small{font-size:12.5px;line-height:1.4;color:#03070e9e}.contact-btn:hover{transform:translateY(-5px);background:#ec489924;border-color:#ec489947;box-shadow:0 14px 30px #be185d24}.contact-btn:focus-visible{outline:3px solid var(--accent-secondary);outline-offset:3px}.certificates-section{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25)}.certificates-intro{max-width:760px;margin:-35px auto 58px;text-align:center;font-size:17px;line-height:1.7;color:#03070eb8}.certificates-grid{max-width:1120px;margin:0 auto;padding:0 7%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.certificate-card{display:flex;flex-direction:column;height:100%;padding:28px;border-radius:24px;background:#ffffff75;border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 34px #be185d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.certificate-card:hover{transform:translateY(-6px);background:#ffffff94;box-shadow:0 18px 42px #be185d24}.certificate-top{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px}.certificate-type,.certificate-date{display:inline-flex;align-items:center;padding:7px 13px;border-radius:999px;font-size:12px;font-weight:800}.certificate-type{background:#ec489924;color:var(--accent-secondary)}.certificate-date{background:#ffffff73;color:#03070ead;border:1px solid rgba(255,255,255,.5)}.certificate-card h3{margin:0 0 12px;color:var(--text-main);font-size:20px;font-weight:800;line-height:1.35}.certificate-card p{font-size:15px;line-height:1.7;color:#03070eb8;margin:0}.certificate-card:last-child:nth-child(odd){grid-column:1 / -1;width:calc((100% - 24px)/2);justify-self:center}@media(max-width:900px){.certificates-grid{grid-template-columns:1fr;padding:0 6%}.certificates-intro{margin:-30px auto 42px;padding:0 6%;font-size:16px}.certificate-card{padding:24px}.certificate-top{align-items:flex-start;flex-direction:column}.certificate-card:last-child:nth-child(odd){grid-column:auto;width:100%}}@media(max-width:600px){.certificates-grid{gap:18px;padding:0 18px}.certificate-card{padding:22px;border-radius:21px}.certificate-top{gap:10px;margin-bottom:16px}.certificate-card h3{font-size:18px;margin-bottom:10px}.certificate-card p{font-size:14.5px;line-height:1.65}.certificate-type,.certificate-date{padding:6px 11px;font-size:11.5px}}.section{padding:100px 0}.section-title{font-size:2.3rem;font-weight:700;text-align:center;margin-bottom:60px;color:var(--text-main)}.engineering-section{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25)}.engineering-intro{max-width:760px;margin:-35px auto 58px;text-align:center;font-size:17px;line-height:1.7;color:#03070eb8}.engineering-container{max-width:1120px;margin:0 auto;padding:0 7%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none}.engineering-card{display:flex;align-items:flex-start;gap:18px;height:100%;padding:28px;border-radius:24px;background:#ffffff70;border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 34px #be185d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.engineering-card:hover{transform:translateY(-6px);background:#ffffff94;box-shadow:0 18px 42px #be185d24}.engineering-number{width:48px;height:48px;min-width:48px;display:flex;align-items:center;justify-content:center;border-radius:16px;background:#ec489924;color:var(--accent-secondary);font-size:15px;font-weight:800}.engineering-card h3{margin:0 0 10px;color:var(--text-main);font-size:20px;font-weight:800}.engineering-card p{font-size:15.5px;line-height:1.75;color:#03070eb8;margin:0}@media(max-width:900px){.engineering-container{grid-template-columns:1fr;padding:0 6%}.engineering-intro{margin:-30px auto 42px;padding:0 6%;font-size:16px}.engineering-card{padding:24px}}@media(max-width:600px){.engineering-container{gap:16px;padding:0 18px}.engineering-card{gap:14px;padding:20px;border-radius:20px}.engineering-number{width:42px;height:42px;min-width:42px;border-radius:14px;font-size:14px}.engineering-card h3{font-size:17px;line-height:1.4}.engineering-card p{font-size:14.5px;line-height:1.65}}.experience-section{background:#ffffff1f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.25)}.experience-intro{max-width:760px;margin:-35px auto 58px;text-align:center;font-size:17px;line-height:1.7;color:#03070eb8}.experience-container{max-width:1120px;margin:0 auto;padding:0 7%;display:flex;flex-direction:column;gap:26px}.experience-card{padding:34px;border-radius:26px;background:#ffffff75;border:1px solid rgba(255,255,255,.5);box-shadow:0 14px 34px #be185d14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:transform .3s ease,background-color .3s ease,box-shadow .3s ease}.experience-card:hover{transform:translateY(-6px);background:#ffffff94;box-shadow:0 18px 42px #be185d24}.experience-top{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:22px}.experience-label{display:inline-flex;width:fit-content;padding:7px 13px;margin-bottom:14px;border-radius:999px;background:#ec489924;color:var(--accent-secondary);font-size:12px;font-weight:800;letter-spacing:.2px}.experience-card h3{margin:0 0 10px;color:var(--text-main);font-size:24px;font-weight:800;line-height:1.3}.experience-company{font-size:16px;line-height:1.55;font-weight:650;color:#03070ec2;margin:0}.experience-date{white-space:nowrap;padding:10px 14px;border-radius:999px;background:#ffffff6b;border:1px solid rgba(255,255,255,.5);color:var(--accent-secondary);font-size:14px;font-weight:800}.experience-summary{max-width:900px;margin:0 0 24px;color:#03070eb8;font-size:16px;line-height:1.75}.experience-tech{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.experience-tech span{display:inline-flex;align-items:center;padding:9px 13px;border-radius:999px;background:#ffffff73;border:1px solid rgba(255,255,255,.5);color:var(--text-main);font-size:13.5px;font-weight:700}.experience-project{margin:5px 0 0;color:var(--accent-secondary);font-size:14.5px;font-weight:700;line-height:1.5}.experience-contributions{margin-top:28px}.experience-contributions h4,.experience-technologies h4{margin:0 0 16px;color:var(--text-main);font-size:16px;font-weight:800}.experience-contributions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:30px}.experience-contribution{padding:18px;border:1px solid rgba(255,255,255,.5);border-radius:18px;background:#ffffff4d}.experience-contribution h5{margin:0 0 7px;color:var(--text-main);font-size:14.5px;font-weight:800;line-height:1.4}.experience-contribution p{margin:0;color:#03070eb3;font-size:14px;line-height:1.65}.experience-technologies{margin-top:4px}.experience-technologies .experience-tech{margin-bottom:0}.experience-card--compact{padding:30px 34px}.experience-card--compact .experience-top{margin-bottom:18px}.experience-card--compact .experience-summary{max-width:920px;margin:0 0 24px}.experience-card--compact .experience-technologies{margin-top:0}@media(max-width:900px){.experience-container{padding:0 6%}.experience-top{flex-direction:column}.experience-date{white-space:normal}.experience-intro{margin:-30px auto 42px;padding:0 6%;font-size:16px}.experience-card,.experience-card--compact{padding:26px}.experience-contributions-grid{grid-template-columns:1fr}}@media(max-width:600px){.experience-container{gap:20px;padding:0 18px}.experience-card,.experience-card--compact{padding:22px;border-radius:21px}.experience-top{gap:16px;margin-bottom:20px}.experience-card h3{font-size:20px}.experience-company{font-size:15px}.experience-project{font-size:14px}.experience-summary{font-size:15px;line-height:1.7}.experience-contributions{margin-top:24px}.experience-contributions-grid{gap:12px;margin-bottom:26px}.experience-contribution{padding:16px;border-radius:16px}.experience-tech{gap:8px}.experience-tech span{padding:8px 11px;font-size:12.5px}.experience-date{padding:8px 12px;font-size:13px}}@media(max-width:900px){html,body{width:100%;overflow-x:hidden}section{padding:80px 0}.section-title{font-size:2rem;margin-bottom:42px;padding:0 20px}.navbar{height:78px;padding:0 24px}.logo{width:52px;height:52px;font-size:20px}.menu-icon{display:flex!important;align-items:center;justify-content:center;width:46px;height:46px;border-radius:50%;background:#ffffff47;border:1px solid rgba(255,255,255,.35);font-size:28px;font-weight:700;color:var(--text-main);cursor:pointer}.nav-links{position:absolute;top:88px;right:24px;display:none!important;flex-direction:column;align-items:stretch;gap:8px;width:220px;padding:16px;background:#ffffffe0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:20px;box-shadow:0 18px 40px #be185d33;border:1px solid rgba(255,255,255,.55)}.nav-links.active{display:flex!important}.nav-links li{width:100%}.nav-links a{display:block;width:100%;padding:12px 14px;border-radius:14px;font-size:15px;font-weight:700;text-align:left}.nav-links a:hover{background:#ec48991f;color:var(--accent-secondary)}.hero{min-height:auto;padding:115px 24px 70px}.hero-container{width:100%;max-width:100%;display:grid;grid-template-columns:1fr!important;gap:34px;text-align:center}.hero-image-wrapper{order:-1;width:100%}.hero-image-card{max-width:620px;padding:10px;border-radius:28px;margin:0 auto}.hero-image{border-radius:22px;aspect-ratio:4 / 3;object-position:center}.hero-content{max-width:100%}.hero-title{font-size:clamp(44px,13vw,58px);line-height:1.05;letter-spacing:-1.4px;margin-bottom:0}.hero-role{margin-top:18px}.hero-buttons{flex-direction:column;align-items:stretch;gap:12px;margin-top:32px}.hero-button{width:100%;min-width:0}.about-content,.skills-grid,.featured-grid,.additional-grid,.engineering-container,.experience-container,.certificates-grid{grid-template-columns:1fr!important;padding-left:24px;padding-right:24px}.about-content{gap:34px}.about-left p{font-size:15.5px;line-height:1.75}.about-highlight,.skills-card,.project-card,.engineering-card,.experience-card,.certificate-card{padding:22px;border-radius:22px}@media(max-width:600px){.about-content{gap:36px;padding:0 18px}.about-left{gap:20px}.about-left p{font-size:15.5px;line-height:1.75}.about-right{gap:14px}.about-highlight{gap:14px;padding:18px;border-radius:16px}.about-icon{width:40px;height:40px;min-width:40px;border-radius:12px;font-size:19px}.about-highlight h3{font-size:16px}.about-highlight p{font-size:14px;line-height:1.6}}.experience-top{flex-direction:column;gap:16px}.experience-date{white-space:normal;width:fit-content}.experience-list{grid-template-columns:1fr!important}@media(max-width:600px){.experience-container{gap:20px;padding:0 18px}.experience-card,.experience-card--compact{padding:22px;border-radius:21px}.experience-top{gap:16px;margin-bottom:18px}.experience-card h3{font-size:21px}.experience-summary{font-size:15px;line-height:1.7}.experience-contribution{padding:16px}.experience-date{padding:8px 12px;font-size:13px}.experience-tech{gap:8px}.experience-tech span{padding:8px 11px;font-size:12.5px}}@media(max-width:600px){.certificates-grid{gap:18px;padding:0 18px}.certificate-card{padding:22px;border-radius:21px}.certificate-top{gap:10px;margin-bottom:16px}.certificate-card h3{font-size:18px;margin-bottom:10px}.certificate-card p{font-size:14.5px;line-height:1.65}.certificate-type,.certificate-date{padding:6px 11px;font-size:11.5px}}@media(max-width:768px){.contact-section{padding:80px 0}.contact-card{width:auto;max-width:none;margin:0 24px;padding:34px 22px;border-radius:28px}.contact-card h2{font-size:40px}.contact-description{margin-bottom:28px;font-size:16px;line-height:1.7}.contact-buttons{grid-template-columns:1fr;gap:14px}.contact-btn{width:100%;min-height:auto;padding:18px 16px;border-radius:18px}.contact-btn span{margin-bottom:5px;font-size:17px}.contact-btn small{display:block;width:100%;overflow-wrap:anywhere;font-size:13px;line-height:1.4}}@media(max-width:480px){.contact-card{margin:0 18px;padding:30px 18px;border-radius:24px}.contact-card h2{font-size:34px}.contact-label{padding:7px 12px;font-size:12px}}}@media(max-width:768px){.footer{padding:30px 24px}.footer-container{flex-direction:column;gap:18px;text-align:center}.footer p{font-size:14px;line-height:1.5}.footer-links{justify-content:center;flex-wrap:wrap;gap:12px}}@media(max-width:480px){.navbar{padding:0 18px}.logo{width:48px;height:48px;font-size:19px}.menu-icon{width:44px;height:44px}.nav-links{right:18px;width:calc(100vw - 36px)}.hero{padding:105px 18px 62px}.hero-image-card{max-width:100%}.hero-title{font-size:clamp(42px,14vw,54px)}.section-title{font-size:1.85rem}.about-content,.skills-grid,.projects-block,.engineering-container,.experience-container,.certificates-grid{padding-right:18px;padding-left:18px}.projects-intro,.skills-intro,.engineering-intro,.experience-intro,.certificates-intro{padding-right:18px;padding-left:18px;font-size:15.5px}.contact-card{margin:0 18px;padding:32px 18px}.contact-card h2{font-size:36px}.contact-description{font-size:16px}.footer{padding:26px 18px 34px}.footer-container{gap:14px}.footer p{font-size:12.5px;line-height:1.6}.footer-links{gap:6px}.footer-links a{padding:7px 9px;font-size:13.5px}}.scroll-buttons{position:fixed;right:22px;bottom:46px;z-index:3000;display:flex;flex-direction:column;gap:9px;opacity:0;pointer-events:none;transform:translateY(12px);transition:opacity .3s ease,transform .3s ease}.scroll-buttons.show{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-buttons button{width:46px;height:46px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#ffffffd1;color:var(--accent-secondary);cursor:pointer;box-shadow:0 10px 24px #be185d2e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease}.scroll-buttons button:hover{transform:translateY(-3px);background:#ec48992e;color:var(--accent-secondary);box-shadow:0 14px 28px #be185d40}.scroll-buttons button:focus-visible{outline:2px solid var(--accent-secondary);outline-offset:3px}.scroll-icon{width:22px;height:22px}.scroll-icon path{fill:none;stroke:currentColor;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}html{scrollbar-width:auto;scrollbar-color:rgba(219,39,119,.78) rgba(255,255,255,.35)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#ffffff52}::-webkit-scrollbar-thumb{min-height:52px;background:linear-gradient(180deg,#ec4899d1,#be185de0);border:2px solid rgba(255,255,255,.45);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#db2777e6,#9d174deb)}@media(max-width:768px){.scroll-buttons{right:14px;bottom:24px;gap:8px}.scroll-buttons button{width:42px;height:42px}.scroll-icon{width:20px;height:20px}::-webkit-scrollbar{width:8px}}