.article-videos{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:64rem;margin-bottom:var(--spacing-16)}.article-videos__single{width:100%}.article-videos__layout--carousel-md{display:block}@media(min-width:768px){.article-videos__layout--carousel-md{display:none}}.article-videos__grid.article-videos__layout--grid-md{display:none}@media(min-width:768px){.article-videos__grid.article-videos__layout--grid-md{display:grid}}.article-videos__layout--carousel-lg{display:block}@media(min-width:1024px){.article-videos__layout--carousel-lg{display:none}}.article-videos__grid.article-videos__layout--grid-lg{display:none}@media(min-width:1024px){.article-videos__grid.article-videos__layout--grid-lg{display:grid}}.article-videos__layout--carousel-double-lg{display:none}@media(min-width:1024px){.article-videos__layout--carousel-double-lg{display:block}}.article-videos__grid{display:grid;grid-gap:var(--spacing-6);gap:var(--spacing-6);width:100%;min-width:0}.article-videos__grid>div{min-width:0}.article-videos__grid--two{grid-template-columns:1fr}@media(min-width:768px){.article-videos__grid--two{grid-template-columns:repeat(2,1fr)}}.article-videos__grid--three{grid-template-columns:1fr}@media(min-width:768px){.article-videos__grid--three{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.article-videos__grid--three{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.article-videos__grid--three>div:nth-child(3){grid-column:span 2}}@media(min-width:1024px){.article-videos__grid--three>div:nth-child(3){grid-column:span 1;grid-column-start:3}}.article-videos__grid--carousel{grid-template-columns:1fr}@media(min-width:1024px){.article-videos__grid--carousel{grid-template-columns:repeat(2,1fr)}}.article-videos__grid--single{grid-template-columns:1fr}.article-videos__card{border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:box-shadow .2s ease;background-color:var(--color-gray-200)}.article-videos__card:hover{box-shadow:var(--shadow-md)}.article-videos__card:hover .article-videos__play-button{transform:scale(1.1)}.article-videos__card:focus{outline:2px solid var(--color-primary);outline-offset:2px}.article-videos__thumbnail{position:relative;width:100%;height:180px;background-color:var(--color-gray-200)}.article-videos__image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.article-videos__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);transition:background-color .2s ease}.article-videos__card:hover .article-videos__overlay{background-color:rgba(0,0,0,.4)}.article-videos__play-button{width:4rem;height:4rem;background-color:var(--color-white);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.article-videos__play-button i{color:var(--color-primary);font-size:var(--font-size-xl);margin-left:.25rem}.article-videos__info{font-size:var(--font-size-sm);color:var(--color-gray-600);margin-top:var(--spacing-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block}.article-videos__carousel{position:relative}.article-videos__carousel-container{overflow:hidden}.article-videos__carousel-track{display:flex;transition:transform .5s ease-in-out}.article-videos__carousel-slide{flex:0 0 100%;min-width:0}.article-videos__carousel-next,.article-videos__carousel-prev{position:absolute;top:36%;transform:translateY(-50%);width:2.5rem;height:2.5rem;background-color:var(--color-white);border:none;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;z-index:10;transition:box-shadow .2s ease}.article-videos__carousel-next:hover,.article-videos__carousel-prev:hover{box-shadow:var(--shadow-xl)}.article-videos__carousel-next i,.article-videos__carousel-prev i{color:var(--color-gray-600);font-size:var(--font-size-base)}.article-videos__carousel-prev{left:15px;transform:translate(-50%,-50%)}.article-videos__carousel-next{right:15px;transform:translate(50%,-50%)}.article-videos__carousel-indicators{display:flex;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-6)}.article-videos__carousel-indicator{width:.5rem;height:.5rem;border:none;border-radius:var(--radius-full);background-color:var(--color-gray-300);cursor:pointer;padding:0;transition:background-color .2s ease}.article-videos__carousel-indicator:hover{background-color:var(--color-gray-400)}.article-videos__carousel-indicator--active{background-color:#17bed0}.article-videos__carousel-indicator--active:hover{background-color:#17bed0}.article-navigation{padding:var(--spacing-12) 0}.article-navigation__container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:64rem;display:flex;flex-direction:column;gap:var(--spacing-6)}@media(min-width:768px){.article-navigation__container{flex-direction:row}}.article-navigation__card{flex:1 1;display:block;text-decoration:none;background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-gray-100);cursor:pointer;transition:box-shadow .2s ease}.article-navigation__card:hover{box-shadow:var(--shadow-xl)}.article-navigation__card:hover .article-navigation__title{color:var(--color-primary)}.article-navigation__card--next .article-navigation__label span{margin-left:0}.article-navigation__card--empty{visibility:hidden;cursor:default;pointer-events:none}.article-navigation__label{display:flex;align-items:center;margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.article-navigation__label i{color:var(--color-primary)}.article-navigation__label span{margin:0 var(--spacing-2)}.article-navigation__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2);transition:color .2s ease}.article-navigation__description{font-size:var(--font-size-sm);color:var(--color-gray-600)}.feedback-modal{position:fixed;inset:0;background-color:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;z-index:9999;padding:var(--spacing-4);opacity:0;transition:opacity .3s ease,background-color .3s ease}.feedback-modal--visible{opacity:1;background-color:rgba(0,0,0,.6)}.feedback-modal--visible .feedback-modal__content{opacity:1;transform:scale(1)}.feedback-modal__content{background-color:var(--color-white);border-radius:var(--radius-2xl);max-width:48rem;width:100%;max-height:95vh;overflow-y:auto;position:relative;opacity:0;transform:scale(.95);transition:opacity .3s ease,transform .3s ease;scroll-behavior:smooth}.feedback-modal__content::-webkit-scrollbar{width:8px}.feedback-modal__content::-webkit-scrollbar-track{background:var(--color-gray-100);border-radius:var(--radius-lg)}.feedback-modal__content::-webkit-scrollbar-thumb{background:var(--color-gray-300);border-radius:var(--radius-lg)}.feedback-modal__content::-webkit-scrollbar-thumb:hover{background:var(--color-gray-400)}.feedback-modal__header{position:sticky;top:0;background-color:var(--color-white);padding:var(--spacing-6);border-bottom:1px solid var(--color-gray-100);z-index:10;display:flex;align-items:center;justify-content:space-between}.feedback-modal__header-text{display:flex;flex-direction:column}.feedback-modal__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0}.feedback-modal__subtitle{color:var(--color-gray-600);font-size:var(--font-size-sm);margin:var(--spacing-1) 0 0 0;text-align:left}.feedback-modal__close{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:none;background:none;cursor:pointer;transition:background-color .2s ease}.feedback-modal__close:hover{background-color:var(--color-gray-100)}.feedback-modal__close i{color:var(--color-gray-500);font-size:var(--font-size-xl)}.feedback-modal__body{padding:var(--spacing-8)}.feedback-modal__section{margin-bottom:var(--spacing-6)}.feedback-modal__label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-3);text-align:left}.feedback-modal__required{color:var(--color-red-500)}.feedback-modal__rating-buttons{display:flex;gap:var(--spacing-3);flex-wrap:wrap}.feedback-modal__rating-btn{flex:1 1;min-width:100px;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);background:var(--color-white);cursor:pointer;transition:all .2s ease;display:flex;flex-direction:column;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.feedback-modal__rating-btn:hover{border-color:var(--color-primary);background-color:rgba(23,190,208,.05)}.feedback-modal__rating-btn--selected{border-color:var(--color-primary);background-color:rgba(23,190,208,.1);color:var(--color-primary)}.feedback-modal__rating-icon{font-size:var(--font-size-xl);margin-bottom:var(--spacing-1)}.feedback-modal__rating-icon--green-500{color:var(--color-green-500)}.feedback-modal__rating-icon--green-400{color:var(--color-green-400)}.feedback-modal__rating-icon--yellow-500{color:var(--color-yellow-500)}.feedback-modal__rating-icon--orange-500{color:var(--color-orange-500)}.feedback-modal__rating-icon--red-500{color:var(--color-red-500)}.feedback-modal__improvements-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--spacing-3);gap:var(--spacing-3)}@media(max-width:640px){.feedback-modal__improvements-grid{grid-template-columns:1fr}}.feedback-modal__checkbox-label{display:flex;align-items:center;padding:var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.feedback-modal__checkbox-label:hover{border-color:var(--color-primary);background-color:rgba(23,190,208,.05)}.feedback-modal__checkbox{width:20px;height:20px;border-radius:var(--radius-sm);border:1px solid var(--color-gray-300);cursor:pointer;accent-color:var(--color-primary)}.feedback-modal__checkbox:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary)}.feedback-modal__checkbox-text{margin-left:var(--spacing-3);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-gray-700)}.feedback-modal__textarea{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);font-family:inherit;font-size:var(--font-size-base);resize:none;transition:all .2s ease}.feedback-modal__textarea:focus{outline:none;border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--color-primary)}.feedback-modal__textarea::placeholder{color:var(--color-gray-400)}.feedback-modal__input{width:100%;padding:var(--spacing-3) var(--spacing-4);border:2px solid var(--color-gray-200);border-radius:var(--radius-xl);font-family:inherit;font-size:var(--font-size-base);transition:all .2s ease}.feedback-modal__input:focus{outline:none;border-color:rgba(0,0,0,0);box-shadow:0 0 0 2px var(--color-primary)}.feedback-modal__input::placeholder{color:var(--color-gray-400)}.feedback-modal__hint{font-size:var(--font-size-xs);color:var(--color-gray-500)}.feedback-modal__error,.feedback-modal__hint{margin-top:var(--spacing-2);margin-bottom:0;text-align:left}.feedback-modal__error{font-size:var(--font-size-sm);color:var(--color-red-600)}.feedback-modal__privacy-notice{display:flex;align-items:flex-start;background:linear-gradient(90deg,rgba(23,190,208,.05),rgba(168,85,247,.05));border-radius:var(--radius-xl);padding:var(--spacing-4);border-left:4px solid var(--color-primary);margin-bottom:var(--spacing-6)}.feedback-modal__privacy-notice i{color:var(--color-primary);font-size:var(--font-size-lg);margin-right:var(--spacing-3);margin-top:2px}.feedback-modal__privacy-notice h4{font-weight:var(--font-weight-semibold);color:var(--color-gray-900);font-size:var(--font-size-sm);margin:0 0 var(--spacing-1) 0;text-align:left}.feedback-modal__privacy-notice p{color:var(--color-gray-700);font-size:var(--font-size-xs);margin:0}.feedback-modal__submit-error{display:flex;align-items:center;gap:var(--spacing-2);padding:var(--spacing-3);background-color:rgba(239,68,68,.1);border-radius:var(--radius-lg);margin-bottom:var(--spacing-4)}.feedback-modal__submit-error i{color:var(--color-red-600);font-size:var(--font-size-lg)}.feedback-modal__submit-error p{color:var(--color-red-600);font-weight:var(--font-weight-medium);margin:0;font-size:var(--font-size-sm)}.feedback-modal__actions{display:flex;gap:var(--spacing-4)}.feedback-modal__submit-btn{flex:1 1;background:linear-gradient(to right,var(--color-primary),rgb(168,85,247));color:var(--color-white);font-weight:var(--font-weight-semibold);padding:var(--spacing-4) var(--spacing-6);border-radius:var(--radius-xl);border:none;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:var(--spacing-2)}.feedback-modal__submit-btn:hover:not(:disabled){box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.feedback-modal__submit-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-modal__submit-btn i{font-size:var(--font-size-base)}.feedback-modal__cancel-btn{padding:var(--spacing-4) var(--spacing-6);border:2px solid var(--color-gray-200);background:var(--color-white);color:var(--color-gray-700);font-weight:var(--font-weight-semibold);border-radius:var(--radius-xl);cursor:pointer;transition:all .2s ease}.feedback-modal__cancel-btn:hover:not(:disabled){background-color:var(--color-gray-50)}.feedback-modal__cancel-btn:disabled{opacity:.6;cursor:not-allowed}.feedback-modal__success{text-align:center;padding:var(--spacing-12) var(--spacing-6)}.feedback-modal__success i{font-size:4rem;color:var(--color-green-500);margin-bottom:var(--spacing-4)}.feedback-modal__success h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin:0 0 var(--spacing-2) 0}.feedback-modal__success p{color:var(--color-gray-600);margin:0}.article-feedback{padding:var(--spacing-12) 0;background:linear-gradient(to bottom right,rgba(23,190,208,.05),rgba(168,85,247,.05),rgba(236,72,153,.05))}.article-feedback__container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:64rem}.article-feedback__card{background-color:var(--color-white);border-radius:var(--radius-2xl);padding:var(--spacing-8);border:1px solid var(--color-gray-100);text-align:center}.article-feedback__title{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);margin-bottom:var(--spacing-4)}.article-feedback__description{color:var(--color-gray-600);margin-bottom:var(--spacing-6)}.article-feedback__buttons{display:flex;justify-content:center;gap:var(--spacing-4);margin-bottom:var(--spacing-6);flex-wrap:wrap}.article-feedback__button{display:flex;align-items:center;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);cursor:pointer;border:none;transition:all .2s ease}.article-feedback__button i{margin-right:var(--spacing-2)}.article-feedback__button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.article-feedback__button--yes{background-color:rgba(34,197,94,.1);color:var(--color-green-700)}.article-feedback__button--yes:hover:not(:disabled){background-color:rgba(34,197,94,.2)}.article-feedback__button--no{background-color:rgba(239,68,68,.1);color:var(--color-red-700)}.article-feedback__button--no:hover:not(:disabled){background-color:rgba(239,68,68,.2)}.article-feedback__thank-you{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-green-600);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}.article-feedback__thank-you i{font-size:var(--font-size-xl)}.article-feedback__thank-you--negative{color:#991b1b}.article-feedback__additional{color:var(--color-primary);font-weight:var(--font-weight-medium);background:none;border:none;cursor:pointer;transition:opacity .2s ease}.article-feedback__additional:hover{text-decoration:underline}.article-feedback__error{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);color:var(--color-red-600);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-4);padding:var(--spacing-3);background-color:rgba(239,68,68,.1);border-radius:var(--radius-lg)}.article-feedback__error i{font-size:var(--font-size-lg)}.article-feedback__error p{margin:0}.related-articles{padding:var(--spacing-16) 0}.related-articles__container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:72rem}.related-articles__heading{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-gray-900);text-align:center;margin-bottom:var(--spacing-8)}.related-articles__grid{display:grid;grid-template-columns:1fr;grid-gap:var(--spacing-6);gap:var(--spacing-6)}@media(min-width:768px){.related-articles__grid{grid-template-columns:repeat(3,1fr)}}.related-articles__card{background-color:var(--color-white);border-radius:var(--radius-xl);padding:var(--spacing-6);border:1px solid var(--color-gray-100);cursor:pointer;transition:box-shadow .2s ease;text-decoration:none;display:block}.related-articles__card:hover{box-shadow:var(--shadow-xl)}.related-articles__card:hover .related-articles__title{color:var(--color-primary)}.related-articles__meta{display:flex;align-items:center;gap:var(--spacing-2);margin-bottom:var(--spacing-3);font-size:var(--font-size-xs)}.related-articles__difficulty{display:flex;align-items:center;font-weight:var(--font-weight-medium)}.related-articles__difficulty i{margin-right:var(--spacing-1)}.related-articles__difficulty--green{color:var(--color-green-600)}.related-articles__difficulty--yellow{color:var(--color-yellow-600)}.related-articles__separator{width:.25rem;height:.25rem;background-color:var(--color-gray-300);border-radius:var(--radius-full)}.related-articles__time{display:flex;align-items:center;color:var(--color-gray-500);font-weight:var(--font-weight-medium)}.related-articles__time i{margin-right:var(--spacing-1)}.related-articles__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-gray-900);margin-bottom:var(--spacing-2);transition:color .2s ease}.related-articles__description{font-size:var(--font-size-sm);color:var(--color-gray-600);line-height:1.5}:root{--color-primary:#17bed0;--color-primary-dark:#15abbe;--color-primary-light:rgba(23,190,208,0.1);--color-primary-5:rgba(23,190,208,0.05);--color-primary-10:rgba(23,190,208,0.1);--color-primary-20:rgba(23,190,208,0.2);--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5db;--color-gray-400:#9ca3af;--color-gray-500:#6b7280;--color-gray-600:#4b5563;--color-gray-700:#374151;--color-gray-800:#1f2937;--color-gray-900:#111827;--color-success:#10b981;--color-warning:#f59e0b;--color-error:#ef4444;--color-info:#3b82f6;--color-green-100:#d1fae5;--color-green-500:#10b981;--color-green-600:#059669;--color-green-700:#047857;--color-blue-100:#dbeafe;--color-blue-600:#2563eb;--color-blue-700:#1d4ed8;--color-red-100:#fee2e2;--color-red-200:#fecaca;--color-red-500:#ef4444;--color-red-600:#dc2626;--color-red-700:#b91c1c;--color-yellow-500:#eab308;--color-yellow-600:#ca8a04;--color-orange-600:#ea580c;--color-cyan-600:#0891b2;--color-purple-50:#faf5ff;--color-purple-100:#f3e8ff;--color-purple-200:#e9d5ff;--color-purple-400:#c084fc;--color-purple-500:#a855f7;--color-purple-600:#9333ea;--color-purple-700:#7e22ce;--color-pink-50:#fdf2f8;--color-pink-200:#fbcfe8;--color-pink-500:#ec4899;--color-white:#ffffff;--color-black:#000000;--color-transparent:transparent;--spacing-0:0;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 rgb(0 0 0/0.05);--shadow-base:0 1px 3px 0 rgb(0 0 0/0.1),0 1px 2px -1px rgb(0 0 0/0.1);--shadow-md:0 4px 6px -1px rgb(0 0 0/0.1),0 2px 4px -2px rgb(0 0 0/0.1);--shadow-lg:0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1);--shadow-xl:0 20px 25px -5px rgb(0 0 0/0.1),0 8px 10px -6px rgb(0 0 0/0.1);--z-index-dropdown:10;--z-index-sticky:20;--z-index-header:50;--z-index-modal:100;--z-index-tooltip:200}.article-page{background:linear-gradient(180deg,rgba(23,190,208,.05) 0,rgba(168,85,247,.05) 30%,transparent 60%)}.article-page__header{padding-top:var(--spacing-8);padding-bottom:var(--spacing-6);position:relative;z-index:10}.article-page__container{max-width:1280px;margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4);max-width:64rem}