:root {--default-font: "Roboto", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--heading-font: "Raleway", sans-serif;--nav-font: "Poppins", sans-serif;}:root {--background-color: #ffffff;--default-color: #272829;--heading-color: #050d18;--accent-color: #149ddd;--surface-color: #ffffff;--contrast-color: #ffffff;}:root {--nav-color: #a8a9b4;--nav-hover-color: #ffffff;--nav-mobile-background-color: #040b14;--nav-dropdown-background-color: #040b14;--nav-dropdown-color: #a8a9b4;--nav-dropdown-hover-color: #ffffff;}.light-background {--background-color: #f4fafd;--surface-color: #ffffff;}.dark-background {--background-color: #040b14;--default-color: #ffffff;--heading-color: #ffffff;--surface-color: #151f2b;--contrast-color: #ffffff;}:root {scroll-behavior: smooth;}body {color: var(--default-color);background-color: var(--background-color);font-family: var(--default-font);}a {color: var(--accent-color);text-decoration: none;transition: 0.3s;}a:hover {color: color-mix(in srgb, var(--accent-color), transparent 25%);text-decoration: none;}h1, h2, h3, h4, h5, h6 {color: var(--heading-color);font-family: var(--heading-font);}.php-email-form .error-message {display: none;background: #df1529;color: #ffffff;text-align: left;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .sent-message {display: none;color: #ffffff;background: #059652;text-align: center;padding: 15px;margin-bottom: 24px;font-weight: 600;}.php-email-form .loading {display: none;background: var(--surface-color);text-align: center;padding: 15px;margin-bottom: 24px;}.php-email-form .loading:before {content: "";display: inline-block;border-radius: 50%;width: 24px;height: 24px;margin: 0 10px -6px 0;border: 3px solid var(--accent-color);border-top-color: var(--surface-color);animation: php-email-form-loading 1s linear infinite;}@keyframes php-email-form-loading {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.header {color: var(--default-color);background-color: var(--background-color);position: fixed;top: 0;left: 0;bottom: 0;padding: 0 15px;width: 300px;transition: all ease-in-out 0.3s;overflow-y: auto;z-index: 997;border-right: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.header .profile-img img {margin: 15px auto;display: block;width: 120px;border: 8px solid color-mix(in srgb, var(--default-color), transparent 85%);}.header .logo {line-height: 1;margin-bottom: 15px;}.header .logo img {max-height: 32px;margin-right: 8px;}.header .logo h1 {font-size: 24px;margin: 0;font-weight: 700;color: var(--heading-color);}.header .social-links {margin: 0 0 20px 0;}.header .social-links a {font-size: 16px;display: inline-flex;align-items: center;justify-content: center;background: color-mix(in srgb, var(--default-color), transparent 90%);color: var(--default-color);margin: 0 2px;border-radius: 50%;text-align: center;width: 40px;height: 40px;transition: 0.3s;}.header .social-links a:hover {color: var(--contrast-color);background: var(--accent-color);}@media (min-width: 1200px) {.header~main, .header~#footer {margin-left: 300px;}}@media (max-width: 1199px) {.header {left: -100%;}}.header.header-show {left: 0;}.header .header-toggle {color: var(--contrast-color);background-color: var(--accent-color);font-size: 22px;display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 50%;cursor: pointer;position: fixed;top: 15px;right: 15px;z-index: 9999;transition: background-color 0.3s;}.header .header-toggle:hover {color: var(--contrast-color);background-color: color-mix(in srgb, var(--accent-color) 90%, white 15%);}.mobile-nav-toggle {display: none;}.navmenu {padding: 0;z-index: 9997;}.navmenu ul {list-style: none;padding: 0 0 20px 0;margin: 0;}.navmenu a, .navmenu a:focus {color: var(--nav-color);padding: 15px 10px;font-family: var(--nav-font);font-size: 16px;font-weight: 400;display: flex;align-items: center;white-space: nowrap;transition: 0.3s;width: 100%;}.navmenu a .navicon, .navmenu a:focus .navicon {font-size: 20px;margin-right: 10px;}.navmenu a .toggle-dropdown, .navmenu a:focus .toggle-dropdown {font-size: 12px;line-height: 0;margin-left: auto;width: 30px;height: 30px;display: flex;align-items: center;justify-content: center;border-radius: 50%;transition: 0.3s;flex-shrink: 0;background-color: color-mix(in srgb, var(--accent-color), transparent 90%);}.navmenu a .toggle-dropdown:hover, .navmenu a:focus .toggle-dropdown:hover {background-color: var(--accent-color);color: var(--contrast-color);}.navmenu a:hover, .navmenu .active, .navmenu .active:focus {color: var(--nav-hover-color);}.navmenu a:hover .navicon, .navmenu .active .navicon, .navmenu .active:focus .navicon {color: var(--accent-color);}.navmenu .active .toggle-dropdown, .navmenu .active:focus .toggle-dropdown {background-color: var(--accent-color);color: var(--contrast-color);transform: rotate(180deg);}.navmenu .dropdown {display: block;}.navmenu .dropdown a, .navmenu .dropdown a:focus {color: --nav-dropdown-color;}.navmenu .dropdown a:hover, .navmenu .dropdown .active, .navmenu .dropdown .active:focus {color: var(--nav-dropdown-hover-color);}.navmenu .dropdown ul {position: static;display: none;z-index: 99;padding: 5px 10px;margin: 5px 10px;background-color: var(--nav-dropdown-background-color);border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);box-shadow: none;transition: all 0.5s ease-in-out;}.navmenu .dropdown ul ul {background-color: rgba(33, 37, 41, 0.1);}.navmenu .dropdown>.dropdown-active {display: block;background-color: rgba(33, 37, 41, 0.03);}.footer {color: var(--default-color);background-color: var(--background-color);font-size: 14px;padding: 40px 0;position: relative;border-top: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);}.footer .copyright p {margin-bottom: 0;}.footer .credits {margin-top: 4px;font-size: 13px;text-align: center;}#preloader {position: fixed;inset: 0;z-index: 999999;overflow: hidden;background: var(--background-color);transition: all 0.6s ease-out;}#preloader:before {content: "";position: fixed;top: calc(50% - 30px);left: calc(50% - 30px);border: 6px solid #ffffff;border-color: var(--accent-color) transparent var(--accent-color) transparent;border-radius: 50%;width: 60px;height: 60px;animation: animate-preloader 1.5s linear infinite;}@keyframes animate-preloader {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}}.scroll-top {position: fixed;visibility: hidden;opacity: 0;right: 15px;bottom: -15px;z-index: 99999;background-color: var(--accent-color);width: 44px;height: 44px;border-radius: 50px;transition: all 0.4s;}.scroll-top i {font-size: 24px;color: var(--contrast-color);line-height: 0;}.scroll-top:hover {background-color: color-mix(in srgb, var(--accent-color), transparent 20%);color: var(--contrast-color);}.scroll-top.active {visibility: visible;opacity: 1;bottom: 15px;}@media screen and (max-width: 768px) {[data-aos-delay] {transition-delay: 0 !important;}}.page-title {color: var(--default-color);background-color: var(--background-color);padding: 25px 0;position: relative;}.page-title h1 {font-size: 24px;font-weight: 700;}.page-title .breadcrumbs ol {display: flex;flex-wrap: wrap;list-style: none;padding: 0;margin: 0;font-size: 14px;font-weight: 400;}.page-title .breadcrumbs ol li+li {padding-left: 10px;}.page-title .breadcrumbs ol li+li::before {content: "/";display: inline-block;padding-right: 10px;color: color-mix(in srgb, var(--default-color), transparent 70%);}section, .section {color: var(--default-color);background-color: var(--background-color);padding: 60px 0;overflow: clip;}.section-title {padding-bottom: 60px;position: relative;}.section-title h2 {font-size: 32px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;position: relative;}.section-title h2:after {content: "";position: absolute;display: block;width: 50px;height: 3px;background: var(--accent-color);left: 0;bottom: 0;}.section-title p {margin-bottom: 0;}.hero {width: 100%;min-height: 100vh;position: relative;padding: 80px 0;display: flex;align-items: center;justify-content: center;}.hero img {position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: cover;z-index: 1;}.hero:before {content: "";background: color-mix(in srgb, var(--background-color), transparent 70%);position: absolute;inset: 0;z-index: 2;}.hero .container {position: relative;z-index: 3;}.hero h2 {margin: 0;font-size: 64px;font-weight: 700;}.hero p {margin: 5px 0 0 0;font-size: 26px;}.hero p span {letter-spacing: 1px;border-bottom: 2px solid var(--accent-color);}.hero .social-links {margin-top: 25px;}.hero .social-links a {font-size: 24px;display: inline-block;color: color-mix(in srgb, var(--default-color), transparent 50%);line-height: 1;margin-right: 20px;transition: 0.3s;}.hero .social-links a:hover {color: var(--accent-color);}@media (max-width: 768px) {.hero h2 {font-size: 32px;}.hero p {font-size: 20px;}}.about .content h2 {font-weight: 700;font-size: 24px;}.about .content ul {list-style: none;padding: 0;}.about .content ul li {margin-bottom: 20px;display: flex;align-items: center;}.about .content ul strong {margin-right: 10px;}.about .content ul i {font-size: 16px;margin-right: 5px;color: var(--accent-color);line-height: 0;}.stats .stats-item {padding: 30px;width: 100%;}.stats .stats-item i {color: var(--accent-color);display: block;font-size: 44px;float: left;line-height: 0;}.stats .stats-item .purecounter {color: var(--heading-color);font-size: 48px;line-height: 40px;display: block;font-weight: 700;margin-left: 60px;}.stats .stats-item p {color: color-mix(in srgb, var(--default-color), transparent 40%);padding: 15px 0 0 0;margin: 0 0 0 60px;font-family: var(--heading-font);font-size: 14px;}.skills .progress {height: 60px;display: block;background: none;border-radius: 0;}.skills .progress .skill {color: var(--heading-color);padding: 0;margin: 0 0 6px 0;text-transform: uppercase;display: block;font-weight: 600;font-family: var(--heading-font);}.skills .progress .skill .val {float: right;font-style: normal;}.skills .progress-bar-wrap {background: color-mix(in srgb, var(--default-color), transparent 90%);height: 10px;}.skills .progress-bar {width: 1px;height: 10px;transition: 0.9s;background-color: var(--accent-color);}.resume .resume-title {color: var(--heading-color);font-size: 26px;font-weight: 700;margin-top: 20px;margin-bottom: 20px;}.resume .resume-item {padding: 0 0 20px 20px;margin-top: -2px;border-left: 2px solid var(--accent-color);position: relative;}.resume .resume-item h4 {line-height: 18px;font-size: 18px;font-weight: 600;text-transform: uppercase;color: color-mix(in srgb, var(--default-color), transparent 20%);margin-bottom: 10px;}.resume .resume-item h5 {font-size: 16px;padding: 5px 15px;display: inline-block;font-weight: 600;margin-bottom: 10px;}.resume .resume-item ul {padding-left: 20px;}.resume .resume-item ul li {padding-bottom: 10px;}.resume .resume-item:last-child {padding-bottom: 0;}.resume .resume-item::before {content: "";position: absolute;width: 16px;height: 16px;border-radius: 50px;left: -9px;top: 0;background: var(--background-color);border: 2px solid var(--accent-color);}.portfolio .portfolio-filters {padding: 0;margin: 0 auto 20px auto;list-style: none;text-align: center;}.portfolio .portfolio-filters li {cursor: pointer;display: inline-block;padding: 0;font-size: 14px;font-weight: 400;margin: 0 10px;line-height: 1;text-transform: uppercase;margin-bottom: 10px;transition: all 0.3s ease-in-out;}.portfolio .portfolio-filters li:hover, .portfolio .portfolio-filters li.filter-active {color: var(--accent-color);}.portfolio .portfolio-filters li:first-child {margin-left: 0;}.portfolio .portfolio-filters li:last-child {margin-right: 0;}@media (max-width: 575px) {.portfolio .portfolio-filters li {font-size: 14px;margin: 0 5px;}}.portfolio .portfolio-content {position: relative;overflow: hidden;}.portfolio .portfolio-content img {transition: 0.3s;}.portfolio .portfolio-content .portfolio-info {opacity: 0;position: absolute;inset: 0;z-index: 3;transition: all ease-in-out 0.3s;background: rgba(0, 0, 0, 0.6);padding: 15px;}.portfolio .portfolio-content .portfolio-info h4 {font-size: 14px;padding: 5px 10px;font-weight: 400;color: #ffffff;display: inline-block;background-color: var(--accent-color);}.portfolio .portfolio-content .portfolio-info p {position: absolute;bottom: 10px;text-align: center;display: inline-block;left: 0;right: 0;font-size: 16px;font-weight: 600;color: rgba(255, 255, 255, 0.8);}.portfolio .portfolio-content .portfolio-info .preview-link, .portfolio .portfolio-content .portfolio-info .details-link {position: absolute;left: calc(50% - 40px);font-size: 26px;top: calc(50% - 14px);color: #fff;transition: 0.3s;line-height: 1.2;}.portfolio .portfolio-content .portfolio-info .preview-link:hover, .portfolio .portfolio-content .portfolio-info .details-link:hover {color: var(--accent-color);}.portfolio .portfolio-content .portfolio-info .details-link {left: 50%;font-size: 34px;line-height: 0;}.portfolio .portfolio-content:hover .portfolio-info {opacity: 1;}.portfolio .portfolio-content:hover img {transform: scale(1.1);}.portfolio .nav-tabs .nav-link {border: 1px solid var(--accent-color);padding: 8px 24px;border-radius: 50px;transition: all 0.3s ease;margin: 0 8px;color: var(--accent-color);}.portfolio .nav-tabs .nav-link.active, .portfolio .nav-tabs .nav-link:hover {background-color: var(--accent-color);color: white;border-color: var(--accent-color);}.portfolio .nav-tabs {border-bottom: none;}.videos-grid .row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin: 0;padding: 0 15px;}.video-item {background: #ffffff;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;height: 100%;width: 100%;display: block;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);padding: 15px;}.video-item:hover {transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}.video-item .portfolio-content {position: relative;width: 100%;border-radius: 8px;overflow: hidden;margin-bottom: 15px;}.video-item .video-text {padding: 0 5px;}.video-item .video-text h4 {color: var(--heading-color);margin: 0 0 10px 0;font-size: 16px;font-weight: 600;line-height: 1.4;}.video-item .video-text p {color: var(--default-color);font-size: 14px;margin: 0;line-height: 1.6;opacity: 0.8;}.video-item.hidden {display: none;}@media (max-width: 1199px) {.videos-grid .row {gap: 20px;}}@media (max-width: 991px) {.videos-grid .row {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 576px) {.videos-grid .row {grid-template-columns: 1fr;gap: 16px;}.video-item .video-text h4 {font-size: 15px;}.video-item .video-text p {font-size: 13px;}}.video-container {position: relative;width: 100%;padding-bottom: 56.25%;height: 0;overflow: hidden;border-radius: 8px;}.video-container iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border: 0;}.videos-grid .btn {padding: 8px 24px;border-radius: 50px;transition: all 0.3s ease;margin: 0 8px;font-size: 14px;font-weight: 500;background-color: var(--accent-color);border-color: var(--accent-color);}.videos-grid .btn:hover {background-color: transparent;color: var(--accent-color);}.videos-grid .btn:disabled {opacity: 0.5;cursor: not-allowed;}.services .service-item {position: relative;}.services .service-item .icon {background: var(--accent-color);display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 50%;transition: 0.5s;border: 1px solid var(--accent-color);margin-right: 20px;}.services .service-item .icon i {color: var(--contrast-color);font-size: 24px;line-height: 0;}.services .service-item:hover .icon {background: var(--surface-color);}.services .service-item:hover .icon i {color: var(--accent-color);}.services .service-item .title {font-weight: 700;margin-bottom: 15px;font-size: 18px;}.services .service-item .title a {color: var(--heading-color);}.services .service-item .title a:hover {color: var(--accent-color);}.services .service-item .description {line-height: 24px;font-size: 14px;}.testimonials .testimonials-carousel, .testimonials .testimonials-slider {overflow: hidden;}.testimonials .testimonial-item {box-sizing: content-box;text-align: center;min-height: 320px;}.testimonials .testimonial-item .testimonial-img {width: 90px;border-radius: 50%;margin: 0 auto;}.testimonials .testimonial-item h3 {font-size: 18px;font-weight: bold;margin: 10px 0 5px 0;}.testimonials .testimonial-item h4 {font-size: 14px;color: color-mix(in srgb, var(--default-color), transparent 20%);margin: 0;}.testimonials .testimonial-item .quote-icon-left, .testimonials .testimonial-item .quote-icon-right {color: color-mix(in srgb, var(--accent-color), transparent 40%);font-size: 26px;line-height: 0;}.testimonials .testimonial-item .quote-icon-left {display: inline-block;left: -5px;position: relative;}.testimonials .testimonial-item .quote-icon-right {display: inline-block;right: -5px;position: relative;top: 10px;transform: scale(-1, -1);}.testimonials .testimonial-item p {font-style: italic;margin: 0 15px 15px 15px;padding: 20px;background-color: var(--surface-color);position: relative;margin-bottom: 35px;border-radius: 6px;box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);}.testimonials .testimonial-item p::after {content: "";width: 0;height: 0;border-top: 20px solid var(--surface-color);border-right: 20px solid transparent;border-left: 20px solid transparent;position: absolute;bottom: -20px;left: calc(50% - 20px);}.testimonials .swiper-wrapper {height: auto;}.testimonials .swiper-pagination {margin-top: 40px;position: relative;}.testimonials .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: var(--background-color);opacity: 1;border: 1px solid var(--accent-color);}.testimonials .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--accent-color);}.contact .info-wrap {background-color: var(--surface-color);box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);padding: 30px;}@media (max-width: 575px) {.contact .info-wrap {padding: 20px;}}.contact .info-item {margin-bottom: 40px;}.contact .info-item i {font-size: 20px;color: var(--accent-color);background: color-mix(in srgb, var(--accent-color), transparent 92%);width: 44px;height: 44px;display: flex;justify-content: center;align-items: center;border-radius: 50px;transition: all 0.3s ease-in-out;margin-right: 15px;}.contact .info-item h3 {padding: 0;font-size: 18px;font-weight: 700;margin-bottom: 5px;}.contact .info-item p {padding: 0;margin-bottom: 0;font-size: 14px;}.contact .info-item:hover i {background: var(--accent-color);color: var(--contrast-color);}.contact .php-email-form {background-color: var(--surface-color);height: 100%;padding: 30px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.1);}@media (max-width: 575px) {.contact .php-email-form {padding: 20px;}}.contact .php-email-form input[type=text], .contact .php-email-form input[type=email], .contact .php-email-form textarea {font-size: 14px;padding: 10px 15px;box-shadow: none;border-radius: 0;color: var(--default-color);background-color: var(--surface-color);border-color: color-mix(in srgb, var(--default-color), transparent 80%);}.contact .php-email-form input[type=text]:focus, .contact .php-email-form input[type=email]:focus, .contact .php-email-form textarea:focus {border-color: var(--accent-color);}.contact .php-email-form input[type=text]::placeholder, .contact .php-email-form input[type=email]::placeholder, .contact .php-email-form textarea::placeholder {color: color-mix(in srgb, var(--default-color), transparent 70%);}.contact .php-email-form button[type=submit] {color: var(--contrast-color);background: var(--accent-color);border: 0;padding: 10px 30px;transition: 0.4s;border-radius: 50px;}.contact .php-email-form button[type=submit]:hover {background: color-mix(in srgb, var(--accent-color), transparent 25%);}.portfolio-details .portfolio-details-slider img {width: 100%;}.portfolio-details .portfolio-details-slider .swiper-pagination {margin-top: 20px;position: relative;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {width: 12px;height: 12px;background-color: color-mix(in srgb, var(--default-color), transparent 85%);opacity: 1;}.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {background-color: var(--accent-color);}.portfolio-details .portfolio-info {padding: 30px;box-shadow: 0px 0 30px rgba(0, 0, 0, 0.1);}.portfolio-details .portfolio-info h3 {font-size: 22px;font-weight: 700;margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px solid color-mix(in srgb, var(--default-color), transparent 85%);}.portfolio-details .portfolio-info ul {list-style: none;padding: 0;font-size: 15px;}.portfolio-details .portfolio-info ul li+li {margin-top: 10px;}.portfolio-details .portfolio-description {padding-top: 30px;}.portfolio-details .portfolio-description h2 {font-size: 26px;font-weight: 700;margin-bottom: 20px;}.portfolio-details .portfolio-description p {padding: 0;color: color-mix(in srgb, var(--default-color), transparent 30%);}.service-details .services-list {padding: 10px 30px;border: 1px solid color-mix(in srgb, var(--default-color), transparent 90%);margin-bottom: 20px;}.service-details .services-list a {display: block;line-height: 1;padding: 8px 0 8px 15px;border-left: 3px solid color-mix(in srgb, var(--default-color), transparent 70%);margin: 20px 0;color: color-mix(in srgb, var(--default-color), transparent 20%);transition: 0.3s;}.service-details .services-list a.active {color: var(--heading-color);font-weight: 700;border-color: var(--accent-color);}.service-details .services-list a:hover {border-color: var(--accent-color);}.service-details .services-img {margin-bottom: 20px;}.service-details h3 {font-size: 26px;font-weight: 700;}.service-details h4 {font-size: 20px;font-weight: 700;}.service-details p {font-size: 15px;}.service-details ul {list-style: none;padding: 0;font-size: 15px;}.service-details ul li {padding: 5px 0;display: flex;align-items: center;}.service-details ul i {font-size: 20px;margin-right: 8px;color: var(--accent-color);}.starter-section {}.skills .certification-badge {width: 100%;max-width: 140px;height: auto;object-fit: contain;transition: transform 0.3s ease;padding: 5px;}.skills .certification-badge:hover {transform: scale(1.05);}.skills h3 {font-size: 1.5rem;color: var(--heading-color);font-weight: 600;}.skills .list-unstyled li {font-size: 1rem;color: var(--default-color);}.skills .bi-check-circle {color: var(--accent-color);}@media (max-width: 768px) {.skills .certification-badge {max-width: 120px;}}@media (max-width: 576px) {.skills .certification-badge {max-width: 100px;}}.search-box {position: relative;margin-bottom: 2rem;}.search-box input {padding: 12px 20px;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.1);transition: all 0.3s ease;}.search-box input:focus {box-shadow: 0 0 15px rgba(20, 157, 221, 0.1);border-color: var(--accent-color);}.articles-grid .row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin: 0;}.portfolio.section {padding: 60px 0;}.search-box {position: relative;margin-bottom: 2rem;}.search-box input {width: 100%;padding: 12px 20px;border-radius: 50px;border: 1px solid rgba(0, 0, 0, 0.1);transition: all 0.3s ease;font-size: 16px;}.search-box input:focus {outline: none;box-shadow: 0 0 15px rgba(20, 157, 221, 0.1);border-color: var(--accent-color);}.search-box input::placeholder {color: rgba(0, 0, 0, 0.4);}.articles-grid .row {display: grid;grid-template-columns: repeat(3, 1fr);gap: 24px;margin: 0;padding: 0 15px;}.article-item {background: #ffffff;border-radius: 12px;overflow: hidden;transition: all 0.3s ease;height: 100%;text-decoration: none;display: block;box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);padding: 15px 15px 20px 15px;}.article-item:hover {transform: translateY(-5px);box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1);}.article-item .portfolio-content {position: relative;width: 100%;border-radius: 8px;overflow: hidden;margin-bottom: 15px;}.article-item .portfolio-content img {width: 100%;aspect-ratio: 16/9;object-fit: cover;display: block;}.article-item .article-text {padding: 0 5px;}.article-item h4 {color: var(--heading-color);margin: 0 0 10px 0;font-size: 16px;font-weight: 600;line-height: 1.4;}.article-item p {color: var(--default-color);font-size: 14px;margin: 0;line-height: 1.6;opacity: 0.8;}.article-item.hidden {display: none;}.articles-grid .pagination-buttons {margin-top: 40px;text-align: center;}.articles-grid .btn {padding: 8px 24px;border-radius: 50px;transition: all 0.3s ease;margin: 0 8px;font-size: 14px;font-weight: 500;}.articles-grid .btn-primary {background-color: var(--accent-color);border-color: var(--accent-color);color: #ffffff;}.articles-grid .btn-primary:hover {background-color: transparent;color: var(--accent-color);}.articles-grid .btn:disabled {opacity: 0.5;cursor: not-allowed;}@media (max-width: 1199px) {.articles-grid .row {gap: 20px;}}@media (max-width: 991px) {.articles-grid .row {grid-template-columns: repeat(2, 1fr);}}@media (max-width: 767px) {.search-box input {font-size: 14px;}.article-item .article-text {padding: 15px;}.article-item h4 {font-size: 15px;}.article-item p {font-size: 13px;}}@media (max-width: 576px) {.articles-grid .row {grid-template-columns: 1fr;gap: 16px;}.articles-grid .btn {padding: 7px 20px;font-size: 13px;}}.usergroup-container {text-align: center;padding: 30px 15px;background: var(--surface-color);border-radius: 8px;box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);transition: all 0.3s ease;margin-bottom: 30px;}.usergroup-container:hover {transform: translateY(-5px);box-shadow: 0 10px 20px rgba(20, 157, 221, 0.1);}.usergroup-logo {max-width: 400px;height: auto;width: 100%;margin-bottom: 20px;}.usergroup-container h4 {font-size: 20px;font-weight: 600;color: var(--heading-color);margin-bottom: 20px;}.usergroup-links {background: #f8f9fa;border-radius: 8px;padding: 20px 15px;margin: 20px auto;max-width: 95%;text-align: center;}.usergroup-links p {margin-bottom: 10px;font-size: 14px;line-height: 1.4;text-align: center;}.usergroup-links p:last-child {margin-bottom: 0;}.usergroup-links a {color: var(--accent-color);word-break: break-all;}.partner-text {font-size: 14px;margin-top: 20px;margin-bottom: 0;}.partner-link {color: var(--accent-color);font-weight: 500;}.contact .info-box {background: var(--surface-color);padding: 30px;border-radius: 10px;box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);height: 100%;transition: transform 0.3s ease;}.contact .info-box:hover {transform: translateY(-5px);}.contact .info-box i {font-size: 38px;line-height: 0;color: var(--accent-color);}.contact .info-box h3 {font-size: 20px;font-weight: 700;margin: 20px 0 10px 0;}.contact .info-box p {padding: 0;margin: 0;line-height: 24px;font-size: 14px;margin-bottom: 20px;}.contact .info-box .connect-link {display: inline-flex;align-items: center;color: var(--accent-color);font-size: 14px;font-weight: 500;transition: all 0.3s ease;margin-top: 10px;}.contact .info-box .connect-link i {font-size: 18px;margin-right: 6px;transition: transform 0.3s ease;}.contact .info-box .connect-link:hover {color: color-mix(in srgb, var(--accent-color), transparent 20%);}.contact .info-box .connect-link:hover i {transform: translateX(5px);}.contact .info-box .group-links {display: flex;flex-direction: column;gap: 10px;}.contact .map-container {margin-top: 20px;border-radius: 8px;overflow: hidden;}.contact .map-container iframe {width: 100%;height: 300px;}