*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;overflow-x:hidden}:root{--navbar-height: 70px;--page-height: calc(100vh - var(--navbar-height));--page-bg-color: #fefefe;--component-bg-color: #ffffff;--component-hover-color: #f5f5f5;--component-highlightselected-color: rgba(99, 102, 241, .1);--action-component-bg-color: #8b5cf6;--action-component-hover-color: #7c3aed;--action-component-click-color: #6d28d9;--text-link-color: #7c3aed;--text-link-hover-color: #6d28d9;--text-link-click-color: #5b21b6;--text-header-color: #111827;--text-header-bg-color: #f3f4f6;--text-color: #374151;--text-highlight-color: #8b5cf6;--line-color: #e5e7eb;--line-hover-color: #d1d5db;--line-click-color: #9ca3af}@media(prefers-color-scheme:dark){:root{--page-bg-color: #202124;--component-bg-color: #2c2c2e;--component-hover-color: #323234;--component-highlightselected-color: rgba(26, 115, 232, .12);--action-component-bg-color: #1a73e8;--action-component-hover-color: #1669c1;--action-component-click-color: #155ab6;--text-link-color: #8ab4f8;--text-link-hover-color: #669df6;--text-link-click-color: #4d8af0;--text-header-color: #e8eaed;--text-header-bg-color: #2c2c2e;--text-color: #dadce0;--text-highlight-color: #1a73e8;--text-bg-highlight-color: #ffff00;--line-color: #3c3c3f;--line-hover-color: #4d4d50;--line-click-color: #5f5f62}}body{margin:0;font-family:Inter,sans-serif}.navbar{position:sticky;top:0;background-color:var(--page-bg-color);padding:15px 30px;display:flex;justify-content:space-between;align-items:center;z-index:1000}.navbar-title{font-size:28px;font-weight:700;color:var(--text-color);letter-spacing:1px}.navbar-links{list-style:none;margin:0;padding:0;display:flex;gap:30px}.navbar-link a{text-decoration:none;color:var(--text-color);font-size:18px;font-weight:500;letter-spacing:.5px;transition:all .3s ease}.navbar-link.active a{color:var(--text-color);border-bottom:3px solid var(--line-color)}.navbar-link a:hover{color:var(--text-highlight-color);transform:translateY(-2px)}.hamburger{display:none;font-size:32px;cursor:pointer;color:var(--text-color)}@media(max-width:768px){.navbar-links{display:none;flex-direction:column;width:100%;padding:10px 0;position:absolute;top:60px;left:0;background-color:var(--page-bg-color)}.navbar-links.open{display:flex}.navbar-link{text-align:center;width:100%;padding:15px;font-size:20px}.navbar-link:last-child{border-bottom:none}.hamburger{display:block}}.page-layout{width:100%;height:var(--page-height);overflow-y:auto;scroll-behavior:smooth;background-color:var(--page-bg-color)}.page-layout.continuousScroll{scroll-snap-type:none}.page-layout.snapScroll{scroll-snap-type:y mandatory;overflow-y:scroll}.page-layout.snapScroll>*{scroll-snap-align:start;width:100%}.page-layout::-webkit-scrollbar{width:8px}.page-layout::-webkit-scrollbar-thumb{background-color:#0003;border-radius:4px}.page-layout::-webkit-scrollbar-track{background-color:#0000000d}@media(max-width:768px){.page-layout>*{padding:1rem}}.page-layout{transition:background-color .3s ease,color .3s ease}.container-layout{width:100%;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem;transition:all .3s ease;box-sizing:border-box}.container-layout.fluid,.container-layout.responsive{max-width:100%}@media(min-width:576px){.container-layout.responsive{max-width:540px}}@media(min-width:768px){.container-layout.responsive{max-width:720px}}@media(min-width:992px){.container-layout.responsive{max-width:960px}}@media(min-width:1200px){.container-layout.responsive{max-width:1140px}}@media(min-width:1400px){.container-layout.responsive{max-width:1320px}}.container-layout.fixed-sm{max-width:640px}.container-layout.fixed-md{max-width:768px}.container-layout.fixed-lg{max-width:1024px}.container-layout.fixed-xl{max-width:1280px}.container-layout.fixed-2xl{max-width:1536px}.container-layout.narrow{max-width:720px}.container-layout.wide{max-width:1600px}.container-layout.centered{display:flex;justify-content:center;align-items:center}.container-layout.full-height{min-height:100vh}.carousel-wrapper{position:relative}.carousel-track{display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:1rem;padding-left:50%;padding-right:50%}.carousel-track::-webkit-scrollbar{display:none}.carousel-track{-ms-overflow-style:none;scrollbar-width:none}.carousel-track>*{flex:0 0 auto;min-width:250px;scroll-snap-align:center}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-color);background:var(--action-component-bg-color);cursor:pointer;background:#fff3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 10px #0000001a;transition:all .2s ease}.carousel-btn:hover{transform:translateY(-50%) scale(1.1)}.carousel-btn.left{left:10px}.carousel-btn.right{right:10px}@media(max-width:991px){.carousel-btn{display:none}}.header{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;position:relative;color:var(--text-header-color, inherit);transition:all .3s ease}.header h1{font-size:1.5rem;font-weight:600;margin:0}.header.page{height:64px;padding:0 2rem;font-size:1rem;border-bottom:1px solid var(--line-color)}.header.container{padding:1rem 0;border-bottom:1px solid var(--line-color)}.header.section{padding:.75rem 0}.header.minimal{padding:0;border:none}.header.sticky{position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.header.fixed{position:fixed;top:0;left:0;z-index:1000}.header.left{justify-content:flex-start}.header.center{justify-content:center;text-align:center}.header.right{justify-content:flex-end}.header.space-between{justify-content:space-between}.header.sm{padding:.5rem 1rem}.header.md{padding:1rem 1.5rem}.header.lg{padding:1.5rem 2rem}.header.xl{padding:2rem 3rem}.header.elevated{box-shadow:0 2px 8px #00000014}.header.bordered{border-bottom:1px solid rgba(0,0,0,.1)}.header.glass{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff9}.header .header-left,.header .header-right{display:flex;align-items:center;gap:.75rem}.header .header-center{flex:1;text-align:center}@media(max-width:768px){.header{padding:.75rem 1rem}.header.page{height:56px}.header h1{font-size:1.25rem}}.text{font-family:Arial,sans-serif;font-size:16px;color:var(--text-color);line-height:1.5;margin:.5em 0}.text.highlight{background-color:var(--text-bg-highlight-color);font-weight:700;padding:0 2px}.text.large{font-size:24px;font-weight:700}.text.xl{font-size:32px;font-weight:700;line-height:1.2}.text.small{font-size:12px}.text.line-tight{line-height:1.1}.text.line-normal{line-height:1.5}.text.line-loose{line-height:2}.text.italic{font-style:italic}.text.underline{text-decoration:underline}.text.uppercase{text-transform:uppercase}.text.lowercase{text-transform:lowercase}.text.capitalize{text-transform:capitalize}.text.red{color:#e74c3c}.text.blue{color:#3498db}.text.green{color:#27ae60}.text.spaced{letter-spacing:2px}.text.word-spaced{word-spacing:5px}.text.center{text-align:center}.text.right{text-align:right}.text.justify{text-align:justify}.link{font-family:Arial,sans-serif;font-size:16px;color:#3498db;text-decoration:none;transition:all .2s ease}.link:hover{text-decoration:underline;color:#1d6fa5}.link.primary{font-weight:700;color:#2c3e50}.link.primary:hover{color:#1a242f}.link.highlight{background-color:#ff0;font-weight:700;padding:0 2px}.link.large{font-size:20px;font-weight:700}.link.xl{font-size:24px;font-weight:700}.link.small{font-size:12px;color:#666}.link.italic{font-style:italic}.link.underline{text-decoration:underline}.link.uppercase{text-transform:uppercase}.link.red{color:#e74c3c}.link.green{color:#27ae60}.link.blue{color:#3498db}.link.spaced{letter-spacing:1px}.link.word-spaced{word-spacing:3px}.link.center{display:block;text-align:center}.link.right{display:block;text-align:right}.link.justify{display:block;text-align:justify}.card{background-color:var(--component-bg-color);border-radius:12px;padding:16px;margin:12px 0;box-shadow:0 4px 12px #00000014;transition:all .2s ease-in-out;border:1px solid var(--line-color);box-sizing:border-box}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}.card.shadow-sm{box-shadow:0 2px 6px #0000000f}.card.shadow-lg{box-shadow:0 10px 30px #00000026}.card.outlined{box-shadow:none;border:2px solid var(--line-color)}.card.rounded-sm{border-radius:6px}.card.rounded-lg{border-radius:20px}.card.sparse{padding:8px}.card.dense{padding:24px}.card.auto{width:auto}.card.full{width:100%}.card.w-xs{width:180px}.card.w-sm{width:240px}.card.w-md{width:300px}.card.w-lg{width:360px}.card.w-xl{width:420px}.card.flex{flex:0 0 auto;width:280px}.card.flex-lg{flex:0 0 auto;width:360px}.card.screen{width:90vw;max-width:600px}.card-title{margin-bottom:8px;font-size:1.25rem;font-weight:600;color:var(--text-header-color)}.card-title.sm{font-size:1rem}.card-title.md{font-size:1.25rem}.card-title.lg{font-size:1.5rem}.card-title.light{font-weight:400}.card-title.bold{font-weight:700}.card-title.muted{color:#6b7280}.card-title.primary{color:#2563eb}.card-title.success{color:#10b981}.card-title.danger{color:#ef4444}.card-title.center{text-align:center}.card-title.right{text-align:right}.embedded-wrapper{width:100%;margin:1rem 0;display:flex;flex-direction:column;gap:.5rem}.embedded-title{font-size:.9rem;font-weight:600;color:#333}.embedded-container{width:100%;min-height:300px;border:1px solid #ddd;border-radius:.5rem;overflow:hidden}.embedded-content{width:100%;height:400px;border:none}@media(max-width:768px){.iframe-content{height:300px}}.expandable-list{width:100%;margin-left:auto;margin-right:auto;padding:1rem;border:1px solid var(--line-color, #ccc);border-radius:4px;background-color:var(--component-bg-color, #f9f9f9);transition:all .3s ease;box-sizing:border-box}.expandable-list__toggle{background:none;border:none;cursor:pointer;font-size:16px;font-weight:700;padding:5px;width:100%;text-align:left;color:var(--text-color, #333);transition:background-color .2s ease}.expandable-list__toggle:hover{background-color:var(--hover-bg-color, #e0e0e0)}.expandable-list__content{list-style-type:none;padding:0;margin:10px 0 0}.expandable-list__content li{padding:5px 0;border-bottom:1px solid var(--line-color, #eee)}.expandable-list__content li:last-child{border-bottom:none}.expandable-list--expanded{background-color:var(--expanded-bg-color, #fff);box-shadow:0 2px 4px #0000001a}.expandable-list--expanded .expandable-list__toggle{color:var(--accent-color, #007bff)}.expandable-list.compact{padding:.5rem}.expandable-list.compact .expandable-list__toggle{font-size:14px;padding:3px}.expandable-list.compact .expandable-list__content li{padding:3px 0}.expandable-list.borderless{border:none;background-color:transparent}.expandable-list.dark{background-color:var(--dark-bg-color, #333);color:var(--dark-text-color, #fff);border-color:var(--dark-line-color, #555)}.expandable-list.dark .expandable-list__toggle{color:var(--dark-text-color, #fff)}.expandable-list.dark .expandable-list__toggle:hover{background-color:var(--dark-hover-bg-color, #555)}.expandable-list.dark .expandable-list__content li{border-bottom-color:var(--dark-line-color, #555)}