@import"https://fonts.googleapis.com/css?family=Manrope:300,400,500,600,700,800";*{padding:0px;margin:0px;border:none}*,*::before,*::after{box-sizing:border-box}a,a:link,a:visited{text-decoration:none}a:hover{text-decoration:none}aside,nav,footer,header,section,main{display:block}h1,h2,h3,h4,h5,h6,p{font-size:inherit;font-weight:inherit}ul,ul li{list-style:none}img{vertical-align:top}img,svg{max-width:100%;height:auto}address{font-style:normal}input,textarea,button,select{font-family:inherit;font-size:inherit;color:inherit;background-color:rgba(0,0,0,0)}input::-ms-clear{display:none}button,input[type=submit]{display:inline-block;box-shadow:none;background-color:rgba(0,0,0,0);background:none;cursor:pointer}input:focus,input:active,button:focus,button:active{outline:none}button::-moz-focus-inner{padding:0;border:0}label{cursor:pointer}legend{display:block}html{scroll-behavior:smooth;overflow-x:hidden}:root{--header-height: 60px;--header-height-mobile: 52px;--font-family: 'Manrope', sans-serif;--color-primary: #0a0a0a;--color-secondary: #64748b;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-bg: #ffffff;--color-bg-alt: #f8fafc;--color-bg-skills: #f1f5f9;--color-bg-cta: #f8fafc;--color-footer: #0f172a;--color-border: #e2e8f0;--color-tags: #64748b;--color-header-bg: rgba(255, 255, 255, 0.95);--color-hero-gradient-from: #e8f0fe;--badge-html: #414141;--badge-css: #39a0ff;--badge-scss: #dd6adf;--badge-js: #ffce20;--badge-wp: #21759b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);--shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);--shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);--transition-fast: 0.15s ease;--transition-base: 0.25s ease;--transition-slow: 0.4s ease}[data-theme=dark]{--color-primary: #f1f5f9;--color-secondary: #94a3b8;--color-accent: #3b82f6;--color-accent-hover: #2563eb;--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-bg-skills: #1e293b;--color-bg-cta: #1e293b;--color-footer: #020617;--color-border: #334155;--color-tags: #94a3b8;--color-header-bg: rgba(15, 23, 42, 0.95);--color-hero-gradient-from: #1e3a5f;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow-md: 0 4px 12px rgba(0, 0, 0, 0.3);--shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.4);--shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.4)}body{font-family:var(--font-family);font-size:15px;line-height:1.6;color:var(--color-primary);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a,a:link,a:visited{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover,a:link:hover,a:visited:hover{color:var(--color-accent-hover)}p+p{margin-top:1em}img{max-width:100%;height:auto;display:block}.container{max-width:1230px;padding:0 15px;margin:0 auto}@media(max-width: 1230px){.container{width:768px}}@media(max-width: 788px){.container{width:100%}}@media(max-width: 1230px){.container--tablet-fluid{width:auto}}@media(max-width: 788px){.container--mobile-fluid{width:auto}}html,body{min-height:100vh}.sticky-footer{display:flex;flex-direction:column}.main{padding-top:var(--header-height)}@media(max-width: 788px){.main{padding-top:var(--header-height-mobile)}}.footer{margin-top:auto}.header{padding:16px 0;border-bottom:1px solid var(--color-border);position:fixed;top:0;left:0;right:0;z-index:100;background-color:var(--color-header-bg);backdrop-filter:blur(8px)}@media(max-width: 788px){.header{padding:12px 0;backdrop-filter:none;background-color:var(--color-bg)}}.header-row{display:flex;justify-content:space-between;align-items:center;column-gap:30px}.header__logo{flex-shrink:0;display:flex;align-items:center;gap:10px}@media(max-width: 788px){.header__logo{padding-left:4px}}.header__icon{width:28px;height:28px;flex-shrink:0;display:block;max-width:none;max-height:none;margin-left:4px}.header__text{display:flex;align-items:baseline;gap:8px;opacity:0;transform:translateX(-10px);transition:opacity var(--transition-base),transform var(--transition-base);pointer-events:none;visibility:hidden}.header--scrolled .header__text{opacity:1;visibility:visible;pointer-events:all;transform:translateX(0)}@media(max-width: 788px){.header__text{display:none !important}}.header__name{font-weight:700;font-size:16px;line-height:1;color:var(--color-primary);white-space:nowrap}.header__divider{color:var(--color-primary);font-weight:400;opacity:.3}.header__role{font-size:14px;color:var(--color-secondary);font-weight:400;white-space:nowrap}@media(max-width: 788px){.header__role{font-size:13px}}.header__socials{display:flex;align-items:center;gap:16px;margin-left:auto}.header__socials img{width:24px;height:24px;transition:transform var(--transition-base),opacity var(--transition-fast);opacity:.7}.header__socials img:hover{transform:scale(1.1);opacity:1}@media(max-width: 788px){.header__socials{display:none}}.burger{display:none;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:40px;height:40px;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:8px;border-radius:var(--radius-sm);transition:background-color var(--transition-fast)}.burger:hover{background-color:var(--color-bg-alt)}.burger span{display:block;width:22px;height:2px;background-color:var(--color-primary);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}.burger.burger--active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.burger.burger--active span:nth-child(2){opacity:0}.burger.burger--active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width: 788px){.burger{display:flex}}.mobile-menu{position:fixed;inset:0;z-index:999;visibility:hidden;opacity:0;pointer-events:none;transition:visibility var(--transition-base),opacity var(--transition-base)}.mobile-menu.mobile-menu--active{visibility:visible;opacity:1;pointer-events:all}.mobile-menu__backdrop{position:absolute;inset:0;background-color:rgba(0,0,0,.5);backdrop-filter:blur(4px)}.mobile-menu__content{position:absolute;top:0;right:0;width:300px;max-width:85%;height:100%;background-color:var(--color-bg);box-shadow:var(--shadow-lg);padding:20px 24px 24px;display:flex;flex-direction:column;transform:translateX(100%);transition:transform var(--transition-base)}.mobile-menu--active .mobile-menu__content{transform:translateX(0)}.mobile-menu__close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border:none;cursor:pointer;padding:0}.mobile-menu__close svg{width:22px;height:22px;stroke:var(--color-secondary);stroke-width:2;stroke-linecap:round;transition:stroke var(--transition-fast)}.mobile-menu__close:hover svg{stroke:var(--color-primary)}.mobile-menu__header{display:flex;flex-direction:column;gap:4px;margin-top:36px;margin-bottom:32px;padding-bottom:20px;border-bottom:1px solid var(--color-border)}.mobile-menu__name{font-weight:700;font-size:18px;color:var(--color-primary)}.mobile-menu__role{font-size:14px;color:var(--color-secondary)}.mobile-menu__socials{display:flex;flex-direction:column;gap:4px;margin-bottom:24px}.mobile-menu__link{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius-sm);color:var(--color-primary);font-size:15px;font-weight:500;transition:background-color var(--transition-fast)}.mobile-menu__link:hover{background-color:var(--color-bg-alt)}.mobile-menu__link img{width:20px;height:20px}.mobile-menu__actions{display:flex;flex-direction:column;gap:10px;margin-bottom:32px}.mobile-menu__actions .btn-blue,.mobile-menu__actions .btn-outline{width:100%;justify-content:center}.mobile-menu__phone{margin-top:auto;text-align:center;padding-top:20px;border-top:1px solid var(--color-border)}.mobile-menu__phone a{font-size:16px;font-weight:600;color:var(--color-primary)}.mobile-resume-btn{padding:10px 20px;font-size:14px}.theme-toggle{width:38px;height:38px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border:none;cursor:pointer;border-radius:var(--radius-sm);color:var(--color-secondary);transition:color var(--transition-fast),background-color var(--transition-fast);flex-shrink:0}.theme-toggle svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.theme-toggle:hover{color:var(--color-accent);background-color:var(--color-bg-alt)}.theme-toggle:focus{outline:none}.theme-toggle .theme-toggle__moon{display:none}[data-theme=dark] .theme-toggle .theme-toggle__sun{display:none}[data-theme=dark] .theme-toggle .theme-toggle__moon{display:block}.mobile-menu__theme-toggle{width:fit-content;height:auto;padding:10px 14px;gap:10px;margin-top:12px;border-radius:var(--radius-sm);background-color:var(--color-bg-alt);border:1px solid var(--color-border);color:var(--color-primary);font-size:15px;font-weight:500;justify-content:flex-start}.mobile-menu__theme-toggle:focus{outline:none}.mobile-menu__theme-toggle:hover{background-color:var(--color-bg-skills);color:var(--color-accent)}.mobile-menu__theme-label{font-size:15px;font-weight:500}.hero{padding:80px 0 60px;background:linear-gradient(135deg, var(--color-hero-gradient-from) 0%, var(--color-bg) 100%)}@media(max-width: 1230px){.hero{padding:60px 0 40px}}@media(max-width: 788px){.hero{padding:40px 0 30px}}.hero__content{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}.hero__avatar{width:220px;height:220px;border-radius:50%;object-fit:cover;border:3px solid var(--color-accent);box-shadow:var(--shadow-md)}.hero__name{font-size:48px;font-weight:800;line-height:1.1;letter-spacing:-0.02em}@media(max-width: 1230px){.hero__name{font-size:40px}}@media(max-width: 788px){.hero__name{font-size:32px}}.hero__role{font-size:24px;font-weight:300;color:var(--color-secondary);line-height:1.4}@media(max-width: 1230px){.hero__role{font-size:20px}}@media(max-width: 788px){.hero__role{font-size:18px}}.hero__tagline{font-size:16px;color:var(--color-secondary);max-width:500px;line-height:1.6;min-height:51.2px;opacity:0;transition:opacity .4s ease}.hero__tagline.typing{opacity:1}@media(max-width: 788px){.hero__tagline{font-size:15px;min-height:72px}}.typing__cursor{display:inline-block;animation:typingBlink .7s step-end infinite;color:var(--color-accent);font-weight:300}@keyframes typingBlink{0%,100%{opacity:1}50%{opacity:0}}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:16px;margin-top:8px}.hero__content{opacity:0;transform:translateY(20px);animation:heroFadeIn .6s ease forwards}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.about{padding:60px 0}@media(max-width: 1230px){.about{padding:50px 0}}@media(max-width: 788px){.about{padding:40px 0}}.about__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media(max-width: 788px){.about__header-row{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}}.about__title{margin:0}.about__content{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media(max-width: 788px){.about__content{grid-template-columns:1fr;gap:40px}}.about__card{padding:30px;border-radius:var(--radius-md);background-color:var(--color-bg-alt);border:1px solid var(--color-border)}@media(max-width: 1230px){.about__card{padding:24px}}@media(max-width: 788px){.about__card{padding:20px}}.about__card--skills{background-color:var(--color-bg-skills)}.about__subtitle{font-size:18px;font-weight:700;margin-bottom:20px}.about__text{line-height:1.7;color:var(--color-secondary)}.about__text p:last-child{font-size:15px;font-weight:600;color:var(--color-primary);margin-top:16px}.about__text a{font-weight:500}.about__specs{display:flex;flex-wrap:wrap;gap:8px;font-family:var(--font-family);font-weight:600;font-size:13px;color:#fff;margin-bottom:24px;cursor:pointer}.spec__item{padding:6px 12px;border-radius:var(--radius-sm);transition:transform var(--transition-fast)}.spec__item--html{background-color:var(--badge-html);animation:specsWave 3s ease-in-out infinite;animation-delay:0s}.spec__item--css{background-color:var(--badge-css);animation:specsWave 3s ease-in-out infinite;animation-delay:.25s}.spec__item--scss{background-color:var(--badge-scss);animation:specsWave 3s ease-in-out infinite;animation-delay:.5s}.spec__item--js{background-color:var(--badge-js);color:#000;animation:specsWave 3s ease-in-out infinite;animation-delay:.75s}.spec__item--vue{background-color:#42b883;animation:specsWave 3s ease-in-out infinite;animation-delay:1s}.spec__item--wp{background-color:var(--badge-wp);animation:specsWave 3s ease-in-out infinite;animation-delay:1.25s}@keyframes specsWave{0%,8%,100%{transform:translateY(0)}4%{transform:translateY(-2px)}}.about__skills-list{padding-left:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:12px}.about__skills-list li{position:relative;padding-left:20px;line-height:1.6;color:var(--color-secondary)}.about__skills-list li::before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;background-color:var(--color-accent);border-radius:50%}.portfolio{padding:60px 0;scroll-margin-top:50px}@media(max-width: 1230px){.portfolio{padding:50px 0}}@media(max-width: 788px){.portfolio{padding:40px 0}}.portfolio__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media(max-width: 788px){.portfolio__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}}.portfolio__title{margin:0}.portfolio__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px}@media(max-width: 788px){.portfolio__grid{grid-template-columns:1fr;gap:24px}}.portfolio__actions{display:flex;justify-content:center;margin-top:30px}.cta{padding:80px 0}@media(max-width: 1230px){.cta{padding:60px 0}}@media(max-width: 788px){.cta{padding:50px 0}}.cta__wrapper{background:linear-gradient(315deg, var(--color-hero-gradient-from) 0%, var(--color-bg) 100%);border-radius:var(--radius-lg);padding:60px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);position:relative;overflow:hidden}.cta__wrapper::after{content:"";position:absolute;inset:0;background:radial-gradient(150px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(37, 99, 235, 0.4) 0%, transparent 70%);opacity:0;transition:opacity var(--transition-base);pointer-events:none;border-radius:inherit}.cta__wrapper:hover::after{opacity:1}@media(max-width: 788px){.cta__wrapper{padding:40px 24px}}.cta__content{display:flex;flex-direction:column;align-items:center;row-gap:20px}.cta__title{font-weight:800;font-size:32px;color:var(--color-primary);line-height:1.2}@media(max-width: 1230px){.cta__title{font-size:28px}}@media(max-width: 788px){.cta__title{font-size:24px}}.cta__text{font-weight:400;font-size:16px;color:var(--color-secondary);max-width:500px}@media(max-width: 788px){.cta__text{font-size:15px}}.cta__content .btn-blue{margin-top:8px}.cta__content .btn-blue:hover{background-color:var(--color-accent-hover);color:#fff}.tags{font-weight:500;font-size:13px;line-height:1.3;color:var(--color-tags);display:flex;flex-wrap:wrap;gap:6px}.tag{display:inline-block;padding:4px 10px;background-color:var(--color-bg-skills);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-tags)}.footer{padding:30px 0;background-color:var(--color-footer);font-size:14px;line-height:1;color:hsla(0,0%,100%,.5)}@media(max-width: 788px){.footer{padding:20px 0;font-size:13px;text-align:center}}.footer a{color:hsla(0,0%,100%,.75);transition:color var(--transition-fast)}.footer a:hover{color:#fff}.footer__content{display:flex;justify-content:space-between;align-items:center}@media(max-width: 788px){.footer__content{flex-direction:column;gap:12px}}.footer__copyright{margin:0;font-weight:400}.footer__links{display:flex;gap:20px}@media(max-width: 788px){.footer__links{gap:16px}}.certificates{padding:60px 0;background-color:var(--color-bg-alt)}@media(max-width: 1230px){.certificates{padding:50px 0}}@media(max-width: 788px){.certificates{padding:40px 0}}.certificates__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media(max-width: 788px){.certificates__header{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:30px}}.certificates__title{margin:0}.certificates__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:24px}.certificate-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;display:block}.certificate-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.certificate-card:hover .certificate-card__img img{transform:scale(1.05)}.certificate-card:hover .certificate-card__overlay{opacity:1}.certificate-card__img{position:relative;height:320px;overflow:hidden;background-color:var(--color-bg-alt)}.certificate-card__img img{width:100%;height:100%;object-fit:contain;padding:10px;transition:transform var(--transition-slow)}.certificate-card__overlay{position:absolute;inset:0;background:rgba(0,0,0,.7);opacity:0;transition:opacity var(--transition-base);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px;text-align:center;color:#fff}.certificate-card__name{font-size:18px;font-weight:700;margin-bottom:8px}.certificate-card__date{font-size:14px;opacity:.8;margin-bottom:4px}.certificate-card__school{font-size:13px;font-weight:500;opacity:.7}.certificate-card__body{padding:16px 20px}.certificate-card__school-name{font-size:15px;font-weight:600;color:var(--color-primary);margin-bottom:4px}.certificate-card__desc{font-size:13px;color:var(--color-secondary);line-height:1.5}.none{display:none !important}.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.no-scroll{overflow-y:hidden}.icon-dark{display:none}[data-theme=dark] .icon-light{display:none}[data-theme=dark] .icon-dark{display:block}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.animate-on-scroll.animate-visible{opacity:1;transform:translateY(0)}.mb-1{margin-bottom:1em}.mb-2{margin-bottom:2em}.mb-3{margin-bottom:3em}.mb-4{margin-bottom:4em}.mb-5{margin-bottom:5em}.btn-blue,a.btn-blue{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-xl);background-color:var(--color-accent);font-size:15px;font-weight:600;color:#fff;text-align:center;text-decoration:none;border:none;cursor:pointer;transition:background-color var(--transition-base),transform var(--transition-fast)}.btn-blue:hover,a.btn-blue:hover{background-color:var(--color-accent-hover);color:#fff;transform:translateY(-2px)}.btn-blue:active,a.btn-blue:active{transform:translateY(0)}.btn-blue img,a.btn-blue img{width:20px;height:20px}.btn-link,a.btn-link{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);background-color:var(--color-bg-alt);border:1px solid var(--color-border);font-size:14px;font-weight:500;color:var(--color-primary);text-decoration:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-link:hover,a.btn-link:hover{background-color:var(--color-bg-skills);border-color:var(--color-accent);color:var(--color-accent)}.btn-link img,a.btn-link img{width:16px;height:16px}.btn-resume,a.btn-resume{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-sm);background-color:var(--color-bg);border:1px solid var(--color-border);font-size:14px;font-weight:500;color:var(--color-primary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.btn-resume:hover,a.btn-resume:hover{background-color:var(--color-bg-alt);border-color:var(--color-accent);color:var(--color-accent)}.btn-resume img,a.btn-resume img{width:18px;height:18px}.btn-outline,a.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius-xl);background-color:rgba(0,0,0,0);border:2px solid var(--color-accent);font-size:15px;font-weight:600;color:var(--color-accent);text-decoration:none;cursor:pointer;transition:background-color var(--transition-base),color var(--transition-fast)}.btn-outline:hover,a.btn-outline:hover{background-color:var(--color-accent);color:#fff}.btn-outline img,a.btn-outline img{width:20px;height:20px}.title{font-weight:700;font-size:32px;line-height:1.2;letter-spacing:-0.01em}@media(max-width: 788px){.title{font-size:26px}}.section-subtitle{font-size:16px;color:var(--color-secondary);font-weight:400}.project-card{position:relative;border-radius:var(--radius-md);overflow:hidden;background-color:var(--color-bg);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:transform var(--transition-base),box-shadow var(--transition-base);cursor:pointer;display:block;color:inherit;text-decoration:none}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover)}.project-card:hover .project-card__img img{transform:scale(1.05)}.project-card:hover .project-card__overlay{opacity:1}.project-card__header{position:relative;overflow:hidden;height:270px;background-color:var(--color-bg-alt)}@media(max-width: 788px){.project-card__header{height:140px}}.project-card__img{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color:var(--color-bg-alt)}.project-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card__overlay{position:absolute;inset:0;background:linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, transparent 100%);opacity:0;transition:opacity var(--transition-base);display:flex;align-items:flex-end;padding:20px}.project-card__badge{display:inline-block;padding:4px 10px;background-color:hsla(0,0%,100%,.95);border-radius:var(--radius-sm);font-size:12px;font-weight:600;color:var(--color-primary)}[data-theme=dark] .project-card__badge{color:#0a0a0a}.project-card__body{padding:20px}.project-card__title{font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px;color:var(--color-primary)}.project-card__desc{font-size:14px;color:var(--color-secondary);line-height:1.5;margin-bottom:12px}.project-card__tags{display:flex;flex-wrap:wrap;gap:6px}.project-page{padding:80px 0 60px}@media(max-width: 1230px){.project-page{padding:60px 0 40px}}@media(max-width: 788px){.project-page{padding:40px 0 30px}}.project-page__header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media(max-width: 788px){.project-page__header-row{flex-wrap:wrap;gap:12px;margin-bottom:30px}}.project-page__back{display:inline-flex;align-items:center;gap:4px;font-size:14px;font-weight:500;color:var(--color-secondary);transition:color var(--transition-fast)}.project-page__back svg{width:16px;height:16px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none;flex-shrink:0}.project-page__back:hover{color:var(--color-accent)}.project-page__title{margin:0}.project-page__subtitle{font-size:18px;color:var(--color-secondary);margin:0}.project-page__grid{display:grid;grid-template-columns:repeat(2, 1fr);gap:30px;align-items:stretch}@media(max-width: 788px){.project-page__grid{grid-template-columns:1fr;gap:24px}}.project-page__card{background-color:var(--color-bg);border-radius:var(--radius-lg);border:1px solid var(--color-border);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base);display:flex;flex-direction:column;height:100%}.project-page__card:hover{box-shadow:var(--shadow-hover)}.project-page__img{width:100%;height:400px;overflow:hidden;background-color:var(--color-bg-alt)}.project-page__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-page__card:hover .project-page__img img{transform:scale(1.05)}.project-page__content{padding:24px;display:flex;flex-direction:column;flex:1}.project-page__card-title{margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.3}@media(max-width: 788px){.project-page__card-title{font-size:18px}}.project-page__card-text{margin:0 0 12px;font-size:14px;line-height:1.6;color:var(--color-secondary)}.project-page__card-pages{margin:0 0 12px;font-size:14px;font-weight:500;color:var(--color-primary)}.project-page__card-list{margin:0 0 16px;padding-left:20px;list-style:disc}.project-page__card-list li{list-style:disc;display:list-item;margin-bottom:6px;font-size:14px;color:var(--color-secondary)}.project-page__card-list li a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.project-page__card-list li a:hover{text-decoration-thickness:2px}.project-page__card-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;margin-bottom:16px;padding-top:16px;border-top:1px solid var(--color-border)}.project-page__card-btns{display:flex;flex-wrap:wrap;gap:12px}.top-link{position:fixed;right:24px;bottom:80px;z-index:99;display:flex;justify-content:center;align-items:center;width:48px;height:48px;background-color:var(--color-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;transform:translateY(10px);pointer-events:none;transition:opacity var(--transition-base),transform var(--transition-base),visibility var(--transition-base)}.top-link:hover{transform:translateY(-2px)}[data-theme=dark] .top-link{background-color:var(--color-accent)}.top-link--visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:all}.top-link svg{width:20px;height:20px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}@media(max-width: 788px){.top-link{right:16px;bottom:80px;width:44px;height:44px}}.modal-overlay{position:fixed;inset:0;z-index:1000;background-color:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;padding:20px;opacity:0;visibility:hidden;transition:opacity var(--transition-base),visibility var(--transition-base)}.modal-overlay.modal-overlay--active{opacity:1;visibility:visible}.modal{position:relative;width:100%;max-width:800px;max-height:90vh;background-color:var(--color-bg);border-radius:var(--radius-lg);overflow-y:auto;box-shadow:var(--shadow-lg);transform:scale(0.95) translateY(20px);transition:transform var(--transition-base)}.modal-overlay--active .modal{transform:scale(1) translateY(0)}.modal::-webkit-scrollbar{width:6px}.modal::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.modal::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-sm)}.modal__header{display:flex;justify-content:flex-end;align-items:center;padding:8px 12px;border-bottom:1px solid var(--color-border);flex-shrink:0}.modal__close{width:36px;height:36px;display:flex;justify-content:center;align-items:center;background:rgba(0,0,0,0);border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-secondary);transition:color var(--transition-fast),background-color var(--transition-fast)}.modal__close svg{width:18px;height:18px;stroke:currentColor;stroke-width:2;stroke-linecap:round;fill:none;pointer-events:none}.modal__close:hover{color:var(--color-accent);background-color:var(--color-bg-alt)}.modal__close:focus{outline:none}.modal__img{position:relative;width:100%;height:360px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:var(--color-bg-alt)}.modal__img img{width:100%;height:100%;object-fit:cover;display:block}.modal__content{padding:30px 40px 40px}.modal__title{margin-bottom:16px;font-weight:700;font-size:24px;line-height:1.3}.modal__text{margin-bottom:20px;font-size:15px;line-height:1.6;color:var(--color-secondary)}.modal__text a{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.modal__text a:hover{text-decoration-thickness:2px}.modal__text p+p{margin-top:1em}.modal__text ul{margin-top:16px;padding-left:20px}.modal__text ul li{color:var(--color-accent);list-style-type:disc;margin-bottom:8px}.modal__text ul li a{color:inherit}.modal__tags{margin-bottom:20px;padding-top:20px;border-top:1px solid var(--color-border)}.modal__btns{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.modal--certificate{max-width:600px}.modal--certificate .modal__img{height:auto;padding:20px}.modal--certificate .modal__img img{box-shadow:none;height:auto}@media(max-width: 1230px){.modal{max-width:700px}.modal__content{padding:24px 30px 30px}}@media(max-width: 788px){.modal-overlay{padding:0;align-items:center}.modal{max-width:calc(100% - 32px);max-height:calc(100vh - 32px);border-radius:var(--radius-md)}.modal__content{padding:20px 24px 28px}.modal__title{font-size:20px}.modal__text{font-size:14px;line-height:1.5}.modal__btns{flex-direction:column;align-items:stretch}.modal__img{height:auto}.modal__img img{height:auto}.modal--certificate .modal__img{padding:10px}}/*# sourceMappingURL=main.css.map */