:root{--portfolio-blue:#2563eb;--portfolio-blue-dark:#1d4ed8;--portfolio-black:#050505;--portfolio-white:#fff;--portfolio-gray-bg:#f7f9fc;--portfolio-gray-text:#64748b;--portfolio-gray-light:#e5e7eb;--portfolio-card-bg:#fff;--portfolio-placeholder:#e8edf3;--portfolio-success-bg:#f0fdf4;--portfolio-success-text:#166534;--portfolio-success-border:#bbf7d0;--portfolio-error-bg:#fef2f2;--portfolio-error-text:#991b1b;--portfolio-error-border:#fecaca}.portfolio-page{background:var(--portfolio-white);min-height:100vh;color:var(--portfolio-black)}.portfolio-container{width:min(1200px,90%);margin-inline:auto}.portfolio-topbar{inset-inline:0;z-index:120;background:var(--portfolio-blue);color:var(--portfolio-white);justify-content:space-between;align-items:center;gap:18px;padding:16px 5%;display:flex;position:fixed;top:0;box-shadow:0 10px 24px #2563eb2e}.portfolio-topbar__right,.portfolio-topbar__left{align-items:center;gap:14px;display:flex}.portfolio-brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.portfolio-brand__mark{background:var(--portfolio-white);width:42px;height:42px;color:var(--portfolio-blue);border-radius:12px;justify-content:center;align-items:center;font-size:21px;font-weight:800;display:flex}.portfolio-brand__text{flex-direction:column;line-height:1.2;display:flex}.portfolio-brand__text strong{font-size:18px;font-weight:800}.portfolio-brand__text span{opacity:.88;font-size:13px}.portfolio-topbar__nav{align-items:center;gap:22px;display:flex}.portfolio-topbar__nav a{color:inherit;opacity:.9;font-weight:700;text-decoration:none}.portfolio-topbar__nav a.is-active{opacity:1;text-underline-offset:6px;text-decoration:underline}.portfolio-burger{cursor:pointer;background:0 0;border:none;display:none}.portfolio-burger span{background:var(--portfolio-white);width:24px;height:2px;margin:5px 0;display:block}.portfolio-sidepanel{top:0;z-index:150;background:var(--portfolio-white);width:300px;height:100vh;padding:28px;transition:inset-inline-end .35s;position:fixed;inset-inline-end:-100%;box-shadow:-8px 0 24px #00000024}.portfolio-sidepanel.is-open{inset-inline-end:0}.portfolio-sidepanel__header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.portfolio-sidepanel__close{cursor:pointer;color:var(--portfolio-black);background:0 0;border:none;font-size:30px}.portfolio-sidepanel__nav{flex-direction:column;gap:18px;display:flex}.portfolio-sidepanel__nav a{color:var(--portfolio-black);font-weight:700;text-decoration:none}.portfolio-sidepanel__nav a.is-active{color:var(--portfolio-blue)}.portfolio-btn{cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;padding:14px 28px;font-size:16px;font-weight:800;text-decoration:none;transition:all .25s;display:inline-flex}.portfolio-btn:hover{opacity:.93}.portfolio-btn--white-small{background:var(--portfolio-white);color:var(--portfolio-blue);border-radius:20px;padding:8px 16px;font-size:14px}.portfolio-btn--white{background:var(--portfolio-white);color:var(--portfolio-blue)}.portfolio-btn--blue{background:var(--portfolio-blue);color:var(--portfolio-white)}.portfolio-btn--outline-white{color:var(--portfolio-white);border:1px solid var(--portfolio-white);background:0 0}.portfolio-btn--outline-dark{color:var(--portfolio-black);border:1px solid var(--portfolio-black);background:0 0}.portfolio-hero{background:linear-gradient(135deg,var(--portfolio-black),#0d1220);color:var(--portfolio-white);padding:132px 0 80px}.portfolio-hero__grid{grid-template-columns:1fr 1.05fr;align-items:center;gap:38px;display:grid}.portfolio-hero__content{flex-direction:column;display:flex}.portfolio-kicker{opacity:.9;margin-bottom:14px;font-size:14px;font-weight:800;display:inline-block}.portfolio-hero__title{margin-bottom:18px;font-size:clamp(34px,5vw,58px);font-weight:800;line-height:1.22}.portfolio-hero__desc{opacity:.92;max-width:720px;font-size:16px;line-height:1.9}.portfolio-hero__actions{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.portfolio-heroCard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff1f;border-radius:20px;grid-template-columns:160px 1fr;gap:16px;margin-top:26px;padding:16px;display:grid}.portfolio-heroCard__media,.portfolio-heroCard__image{min-height:150px}.portfolio-heroCard__content h2{margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.35}.portfolio-heroCard__content p{opacity:.92;margin:0 0 14px;font-size:14px;line-height:1.8}.portfolio-heroCard__link{color:var(--portfolio-white);font-weight:800;text-decoration:none}.portfolio-hero__media{display:flex}.portfolio-hero__image{min-height:540px}.portfolio-imageFrame{background:var(--portfolio-placeholder);border-radius:20px;width:100%;position:relative;overflow:hidden}.portfolio-imageFrame--hero{min-height:540px}.portfolio-dynamicImage{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .35s}.portfolio-dynamicImage.is-loaded{opacity:1}.portfolio-imageFallback{background:var(--portfolio-placeholder);color:#00000073;text-align:center;justify-content:center;align-items:center;min-height:220px;padding:24px;font-weight:800;display:flex}.portfolio-section{padding:82px 0}.portfolio-section--white{background:var(--portfolio-white)}.portfolio-sectionHeader{text-align:center;max-width:860px;margin:0 auto 36px}.portfolio-sectionLabel{color:var(--portfolio-blue);margin-bottom:12px;font-size:14px;font-weight:800;display:inline-block}.portfolio-sectionLabel--light{color:#ffffffdb}.portfolio-sectionTitle{margin-bottom:12px;font-size:clamp(28px,4vw,44px);font-weight:800;line-height:1.35}.portfolio-sectionTitle--light{color:var(--portfolio-white)}.portfolio-sectionDesc{color:var(--portfolio-gray-text);font-size:16px;line-height:1.9}.portfolio-sectionDesc--light{color:#ffffffdb}.portfolio-tabs{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:28px;display:flex}.portfolio-tab{border:1px solid var(--portfolio-gray-light);background:var(--portfolio-white);min-height:44px;color:var(--portfolio-black);cursor:pointer;border-radius:999px;padding:0 18px;font-size:14px;font-weight:800;transition:all .2s}.portfolio-tab:hover{border-color:var(--portfolio-blue);color:var(--portfolio-blue)}.portfolio-tab.is-active{background:var(--portfolio-blue);border-color:var(--portfolio-blue);color:var(--portfolio-white)}.portfolio-showcaseGrid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.portfolio-card{background:var(--portfolio-card-bg);border:1px solid var(--portfolio-gray-light);border-radius:20px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 12px 28px #0f172a0d}.portfolio-card__cover{text-decoration:none;display:block}.portfolio-card__coverImage{min-height:260px}.portfolio-card__body{padding:22px}.portfolio-card__tag{color:#3730a3;background:#eef2ff;border:1px solid #c7d2fe;border-radius:999px;justify-content:center;align-items:center;min-height:30px;margin-bottom:14px;padding:0 12px;font-size:12px;font-weight:800;display:inline-flex}.portfolio-card__title{margin:0 0 10px;font-size:22px;font-weight:800;line-height:1.4}.portfolio-card__title a{color:var(--portfolio-black);text-decoration:none}.portfolio-card__desc{color:var(--portfolio-gray-text);margin:0 0 18px;font-size:15px;line-height:1.85}.portfolio-card__meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.portfolio-card__author{align-items:center;gap:12px;display:flex}.portfolio-card__authorAvatar{background:var(--portfolio-placeholder);border-radius:50%;flex-shrink:0;width:46px;height:46px;overflow:hidden}.portfolio-card__authorImage{border-radius:50%;min-height:46px}.portfolio-card__authorText{flex-direction:column;gap:3px;display:flex}.portfolio-card__authorText strong{font-size:14px;font-weight:800}.portfolio-card__authorText span{color:var(--portfolio-gray-text);font-size:12px}.portfolio-card__date{color:var(--portfolio-gray-text);font-size:13px;font-weight:700}.portfolio-emptyState{background:var(--portfolio-gray-bg);border:1px dashed var(--portfolio-gray-light);color:var(--portfolio-gray-text);text-align:center;border-radius:18px;padding:22px;font-size:15px;font-weight:700}.portfolio-insight{background:linear-gradient(135deg,#0a0f1e,#111827);padding:84px 0}.portfolio-insight__inner{text-align:center;max-width:900px}.portfolio-contact{background:var(--portfolio-white);padding:82px 0}.portfolio-contact__grid{grid-template-columns:.95fr 1.05fr;align-items:start;gap:30px;display:grid}.portfolio-contact__content{padding-top:8px}.portfolio-contact__quickLinks{flex-wrap:wrap;gap:14px;margin-top:24px;display:flex}.portfolio-contactForm{background:var(--portfolio-card-bg);border:1px solid var(--portfolio-gray-light);border-radius:24px;padding:24px;box-shadow:0 14px 32px #0f172a0d}.portfolio-contactForm__grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.portfolio-contactForm__field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.portfolio-contactForm__field span{color:var(--portfolio-black);font-size:13px;font-weight:800}.portfolio-contactForm__field input,.portfolio-contactForm__field textarea{border:1px solid var(--portfolio-gray-light);width:100%;color:var(--portfolio-black);background:#fff;border-radius:14px;outline:none;padding:14px 16px;font-size:14px;transition:border-color .2s,box-shadow .2s}.portfolio-contactForm__field textarea{resize:vertical;min-height:130px;line-height:1.8}.portfolio-contactForm__field input:focus,.portfolio-contactForm__field textarea:focus{border-color:var(--portfolio-blue);box-shadow:0 0 0 4px #2563eb1f}.portfolio-contactForm__notice{border:1px solid #0000;border-radius:14px;margin-bottom:14px;padding:12px 14px;font-size:14px;font-weight:700}.portfolio-contactForm__notice--success{background:var(--portfolio-success-bg);color:var(--portfolio-success-text);border-color:var(--portfolio-success-border)}.portfolio-contactForm__notice--error{background:var(--portfolio-error-bg);color:var(--portfolio-error-text);border-color:var(--portfolio-error-border)}.portfolio-footer{background:var(--portfolio-black);color:var(--portfolio-white);padding:56px 0 28px}.portfolio-footer__inner{text-align:center}.portfolio-footer__email{color:inherit;margin-bottom:22px;font-weight:600;text-decoration:none;display:inline-block}.portfolio-footer__socials{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:28px;display:flex}.portfolio-footer__socials a{color:inherit;opacity:.85;text-decoration:none}.portfolio-footer__bottom{opacity:.72;flex-wrap:wrap;justify-content:center;gap:14px;font-size:13px;display:flex}.portfolio-footer__bottom a{color:inherit;text-decoration:none}@media (max-width:1100px){.portfolio-topbar__nav{display:none}.portfolio-burger{display:inline-block}.portfolio-hero__grid,.portfolio-showcaseGrid,.portfolio-contact__grid{grid-template-columns:1fr}}@media (max-width:860px){.portfolio-heroCard,.portfolio-contactForm__grid{grid-template-columns:1fr}}@media (max-width:640px){.portfolio-topbar{padding:14px 4%}.portfolio-hero{padding:124px 0 70px}.portfolio-hero__title{font-size:34px}.portfolio-hero__desc,.portfolio-sectionDesc{font-size:15px}.portfolio-card__body,.portfolio-contactForm{padding:20px}.portfolio-hero__actions,.portfolio-contact__quickLinks{flex-direction:column}.portfolio-btn{width:100%}}