.banner-container{position:relative;display:flex;align-items:center;justify-content:space-between;background:#fff;height:320px;overflow:hidden;box-shadow:0 4px 12px #0000001a;padding:2rem}.buttons{display:flex;flex-direction:column;gap:1rem;width:35%;z-index:2}.banner-button{border:2px solid black;background:transparent;padding:12px 24px;border-radius:6px;font-size:16px;cursor:pointer;transition:all .3s ease}.banner-button:hover{background:#000;color:#fff}.banner-right{position:absolute;right:0;top:0;height:100%;width:67%;background-image:var(--banner-img);background-size:cover;background-position:-78px center;clip-path:polygon(20% 0,100% 0,100% 100%,0 100%)}.diagonal-mask{position:absolute;left:46%;top:0;width:8%;height:100%;background:linear-gradient(to right,rgba(0,0,0,.25) 0%,rgba(0,0,0,.1) 50%,transparent 100%);transform:skew(-15deg);transform-origin:top;z-index:3;pointer-events:none}@media (max-width: 900px){.banner-container{flex-direction:column;align-items:center;justify-content:flex-start;height:auto;padding:0}.banner-right{position:relative;width:100vw;height:250px;clip-path:none;background-position:center}.buttons{position:relative;width:100%;padding:1.5rem;flex-direction:row;justify-content:center;flex-wrap:wrap;gap:1rem;background:#fff;box-shadow:0 -2px 6px #0000001a;z-index:2}.banner-button{flex:1 1 45%;max-width:160px;text-align:center}.diagonal-mask{display:none}}@media (max-width: 500px){.banner-right{height:200px}.banner-button{font-size:14px;padding:10px 18px}}.side-menu{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;display:flex;overflow:hidden;justify-content:end}.side-menu__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00000080}.side-menu__content{position:relative;width:500px;height:100%;background-color:#fff;box-shadow:2px 0 8px #0000001a;display:flex;flex-direction:column}.side-menu__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid #eee}.side-menu__title{margin:0;font-size:20px;font-weight:500;color:#333}.side-menu__close{background:none;border:none;cursor:pointer;padding:8px;color:#666;transition:color .2s}.side-menu__close:hover{color:#333}.side-menu__actions{padding:16px;display:flex;flex-direction:column;gap:8px;height:100%}.side-menu__danger-zone{margin-top:auto;padding-top:16px;border-top:1px solid #eee}.side-menu__action{display:flex;align-items:center;gap:12px;padding:8px;background:none;border:none;border-radius:4px;cursor:pointer;color:#333;font-size:16px;transition:all .2s;text-align:left}.side-menu__action:hover{background-color:#f5f5f5}.side-menu__action svg{color:#666;flex-shrink:0}.side-menu__action--delete{color:#dc3545;margin-top:16px}.side-menu__action--delete svg{color:#dc3545}.side-menu__action--delete:hover{background-color:#fff5f5}.modal__icon-button--active{background-color:#e3f2fd;border-color:#2196f3}.switch{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;gap:8px;justify-content:space-around;width:100%}.switch input{opacity:0;width:0;height:0;position:absolute}.slider{position:relative;width:40px;height:22px;background-color:#e5e5ea;border-radius:34px;transition:.3s}.slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;top:2px;background-color:#fff;border-radius:50%;transition:.3s;box-shadow:0 1px 3px #0000004d}.switch input:checked+.slider{background-color:#4caf50}.switch input:checked+.slider:before{transform:translate(18px)}.switch-label{font-size:14px;color:#333}.video-card{display:flex;align-items:center;gap:32px;max-width:1000px;margin:30px auto;padding:32px;background:#fff;border-radius:32px;box-shadow:0 12px 40px #00000026;transition:all .4s ease;overflow:hidden}.video-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #0003}.video-wrapper{position:relative;flex-shrink:0;width:380px;height:220px;border-radius:20px;overflow:hidden;box-shadow:0 8px 25px #00000040}.youtube-thumbnail{position:relative;width:100%;height:100%;cursor:pointer}.youtube-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}.play-btn{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:48px;background:#0009;color:#fff;border-radius:50%;padding:20px 32px;cursor:pointer;transition:.3s}.play-btn:hover{background:#000c;transform:translate(-50%,-50%) scale(1.05)}.youtube-iframe{width:100%;height:100%;border:none}.fullscreen-btn{position:absolute;bottom:16px;left:50%;transform:translate(-50%);font-size:14px;font-weight:500;padding:10px 20px;background:#000000b3;color:#fff;border-radius:30px;text-decoration:none;opacity:.9;transition:.3s}.fullscreen-btn:hover{opacity:1;background:#000000e6}.video-content{display:flex;flex-direction:column;justify-content:space-between;max-width:520px;color:#333}.video-content h3{font-size:22px;font-weight:700;line-height:1.4;color:#111;margin-bottom:14px}.video-content p{font-size:15px;line-height:1.6;color:#555}.video-content button{align-self:flex-start;margin-top:20px;background:#000;color:#fff;border:none;padding:10px 22px;border-radius:9999px;font-size:14px;font-weight:500;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 10px #00000040}.video-content button:hover{background:#222;transform:translateY(-2px)}@media (max-width: 768px){.video-card{flex-direction:column;text-align:center;padding:20px}.video-wrapper{width:100%;height:auto;aspect-ratio:16/9}.video-content{max-width:100%;margin-top:16px}.video-content button{align-self:center}}.blogCard{display:block;width:45%;border-radius:16px;overflow:hidden;background:#fff;border:1px solid #e9e9e9;transition:box-shadow .2s ease;margin-bottom:20px}@media (max-width: 600px){.blogCardsWrap{justify-content:center}.blogCard{width:100%;max-width:400px}}.blogCardsWrap{display:flex;flex-wrap:wrap;justify-content:space-between}.blogCard:hover{box-shadow:0 6px 25px #00000029}.blogCard__imgWrap{width:100%;height:200px;overflow:hidden}.blogCard__imgWrap img{width:100%;height:100%;object-fit:cover;display:block}.blogCard__content{padding:16px}.blogCard__content h2{font-size:18px;margin:0 0 8px;color:#111;font-weight:600;line-height:1.2}.blogCard__date{font-size:14px;color:#7a7a7a;margin:0}.breadcrumb{font-size:14px;margin:16px 0}.breadcrumb__list{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;align-items:center}.breadcrumb__item{display:inline-flex;align-items:center}.breadcrumb__link{color:#3b82f6;text-decoration:none}.breadcrumb__link:hover{text-decoration:underline}.breadcrumb__link--current{color:#111;font-weight:600}.breadcrumb__sep{margin:0 8px;color:#9ca3af;font-size:14px}@media (max-width: 480px){.breadcrumb{font-size:13px}.breadcrumb__sep{margin:0 6px}}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;background:#f3f4f6;color:#111827}.max-w-3xl{max-width:768px}.max-w-2xl{max-width:640px}.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.p-4{padding:1rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.shadow-md{box-shadow:0 4px 6px #0000001a}.bg-white{background:#fff}.bg-gray-100{background:#f3f4f6}.bg-gray-50{background:#fafafa}.bg-gray-900{background:#111827}.text-white{color:#fff}.text-gray-700{color:#374151}.text-gray-800{color:#1f2937}.text-gray-600{color:#4b5563}.text-gray-500{color:#6b7280}.text-2xl{font-size:1.5rem}.font-bold{font-weight:700}.font-sans{font-family:sans-serif}.min-h-screen{min-height:100vh;padding:0}.space-y-4>*+*{margin-top:1rem}.list-disc{list-style-type:disc}.list-inside{list-style-position:inside}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.w-full{width:100%}.max-w-xl{max-width:36rem}.rounded-b-xl{border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem}.btn-menu:hover{background:#9fa2a8}img{max-width:100%;height:auto}html{scroll-behavior:smooth}.header{position:sticky;top:0;z-index:20;background:linear-gradient(90deg,#2563eb,#4f46e5);box-shadow:0 10px 20px #00000014}.dropdown-menu{position:absolute;right:0;margin-top:.5rem;width:12rem;background:#fff;border-radius:.375rem;box-shadow:0 10px 15px #0000001a}.accordion-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 10px #0000001a;border:1px solid #E5E7EB;margin-bottom:1rem}.accordion-button{width:100%;display:flex;justify-content:space-between;align-items:center;padding:1rem;font-size:1.125rem;font-weight:600;background:#f9fafb}.accordion-content{padding:1rem;background-color:#f9fafb;border-top:1px solid #E5E7EB}.accordion-item{background-color:#fff;border-radius:.75rem;box-shadow:0 4px 10px #0000001a;margin-bottom:1rem}.accordion-item button{width:100%;padding:1rem;display:flex;justify-content:space-between;align-items:center;background-color:#f9fafb;border-radius:.75rem;border:1px solid #E5E7EB;text-align:left;font-size:1.25rem;font-weight:600;transition:background-color .3s ease}.accordion-item button:hover{background-color:#e5e7eb}.accordion-item .accordion-content{padding:1rem;background-color:#f9fafb;border-top:1px solid #E5E7EB;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;display:none}.accordion-item.open .accordion-content{display:block}.accordion-item .accordion-toggle{transition:transform .3s ease}.accordion-item.open .accordion-toggle{transform:rotate(180deg)}.accordion-item .accordion-toggle svg{width:20px;height:20px}.main>div{margin-bottom:10px}.question-answer{margin:0}