* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: 'Inter', sans-serif;
    font-size: 1.05rem;
    line-height: 1.8;
}

:root {
    --color-accent: #58A6FF;
    --color-accent-hover: #79C0FF;
    --color-bg: #0D1117;
    --color-bg-secondary: #161B22;
    --color-bg-tertiary: #21262D;
    --color-border: #30363D;
    --color-danger: #F85149;
    --color-success: #3FB950;
    --color-text: #E6EDF3;
    --color-text-muted: #8B949E;
    --color-text-subtle: #6E7681;
    --color-warning: #D29922;
    --font-mono: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif;
}

body {
    background-color: var(--color-bg);
    color: var(--color-text);
    font-family: var(--font-sans);
    line-height: 1.6;
    margin: 0;
}

.oss-h1 {
    font-size: 3rem;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.2;
    margin: 0 0 1rem;
}

.oss-h2 {
    color: #00450c;
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.3;
    margin: 0 0 1rem;
}

.oss-h4 {
    font-size: 1.125rem;
    font-weight: 600;
    line-height: 1.4;
    margin: 0 0 0.5rem;
}

.oss-body {
    color: var(--color-text-muted);
    font-size: 1rem;
}

.oss-body-lg {
    color: #000000;
    font-size: 1.25rem;
}

.oss-container {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1200px;
    padding: 0px 1.5rem 0px 1.5rem;
}

.oss-section {
    background-color: #ffffff;
    padding: 5rem 0;
}

.oss-section--alt {
    background-color: var(--color-bg-secondary);
}

.oss-grid {
    display: grid;
    gap: 2rem;
}

.oss-grid--2 {
    grid-template-columns: repeat(2, 1fr);
}

.oss-grid--3 {
    grid-template-columns: repeat(3, 1fr);
}

.oss-nav {
    backdrop-filter: blur(10px);
    background: rgba(13, 17, 23, 0.95);
    border-bottom: 1px solid var(--color-border);
    left: 0;
    padding: 1rem 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000;
}

.oss-nav__logo {
    align-items: center;
    color: var(--color-text);
    display: flex;
    font-size: 1.25rem;
    font-weight: 700;
    gap: 0.5rem;
    text-decoration: none;
}

.oss-nav__logo:hover {
    color: var(--color-accent);
}

.oss-nav__link {
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    text-decoration: none;
    transition: color 0.2s;
}

.oss-nav__link:hover {
    color: var(--color-text);
}

.oss-btn {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 6px;
    cursor: pointer;
    display: inline-flex;
    font-size: 0.9375rem;
    font-weight: 500;
    gap: 0.5rem;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    transition: all 0.2s;
}

.oss-btn--primary {
    background: var(--color-success);
    border-color: var(--color-success);
    color: #fff;
}

.oss-btn--primary:hover {
    background: #2EA043;
    border-color: #2EA043;
}

.oss-btn--secondary {
    background: transparent;
    border-color: var(--color-border);
    color: var(--color-text);
}

.oss-btn--secondary:hover {
    background: var(--color-bg-tertiary);
    border-color: var(--color-text-subtle);
}

.oss-btn--lg {
    font-size: 1rem;
    padding: 1rem 2rem;
}

.oss-btn--sm {
    font-size: 0.875rem;
    padding: 0.5rem 1rem;
}

.oss-hero {
    background-attachment: scroll, scroll;
    background-image: none, none, none, linear-gradient(rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.68) 100%), url("../assets/14-teg-1.jpg");
    background-position: left top, left top, center center, center top;
    background-repeat: repeat, repeat;
    background-size: auto, auto, cover, auto, cover;
    padding: 8rem 0 5rem;
    text-align: center;
}

.oss-hero__badge {
    background: var(--color-bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 50px;
    color: var(--color-text-muted);
    display: inline-block;
    font-size: 0.875rem;
    margin-bottom: 1.5rem;
    padding: 0.25rem 0.75rem;
}

.oss-hero__title {
    margin: 0 auto 1.5rem;
    max-width: 800px;
}

.oss-hero__subtitle {
    margin: 0 auto 2rem;
    max-width: 600px;
}

.oss-code__command {
    color: #ffffff;
    font-size: 1.25rem;
    overflow: auto auto;
}

.oss-feature {
    background-attachment: scroll, ;
    background-image: linear-gradient(#f3fff1 0%, #f3fff1 100%), none;
    background-position: left top, ;
    background-repeat: repeat, ;
    background-size: auto, ;
    border: 1px solid #000000;
    border-radius: 8px;
    padding: 1.5rem;
    transition: border-color 0.2s;
}

.oss-feature:hover {
    border-color: var(--color-text-subtle);
}

.oss-feature__icon {
    align-items: center;
    background-attachment: scroll;
    background-image: none;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto;
    border-radius: 8px;
    display: flex;
    font-size: 1.5rem;
    height: 48px;
    justify-content: center;
    width: 48px;
}

.oss-feature__title {
    color: var(--color-text);
    margin-bottom: 0.5rem;
}

.oss-feature__desc {
    color: #000000;
    font-size: 0.9375rem;
    line-height: 1.5;
    margin: 0;
}

.oss-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
}

.oss-stat {
    text-align: center;
}

.oss-stat__value {
    color: #00450c;
    font-size: 2.5rem;
    font-weight: 700;
    text-decoration: solid double;
    text-shadow: unset;
}

.oss-stat__label {
    color: #161616;
    font-size: 1.25rem;
    max-width: 1200px;
    overflow: auto auto;
    text-align: left;
}

.oss-card {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 2rem;
}

.oss-card__title {
    color: var(--color-text);
    margin-bottom: 0.5rem;
}

.oss-card__desc {
    color: var(--color-text-muted);
}

.oss-docs__content h2 {
    border-top: 1px solid var(--color-border);
    margin-top: 3rem;
    padding-top: 2rem;
}

.oss-docs__content h2:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

.oss-docs__content p {
    color: var(--color-text-muted);
    margin-bottom: 1rem;
}

.oss-docs__content code {
    background: var(--color-bg-tertiary);
    border-radius: 4px;
    color: var(--color-accent);
    font-family: var(--font-mono);
    font-size: 0.875em;
    padding: 0.125rem 0.375rem;
}

.oss-docs__content pre {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    margin: 1rem 0;
    overflow-x: auto;
    padding: 1rem;
}

.oss-docs__content pre code {
    background: none;
    color: var(--color-text);
    padding: 0;
}

.oss-docs__content ul, .oss-docs__content ol {
    color: var(--color-text-muted);
    padding-left: 1.5rem;
}

.oss-docs__content li {
    margin-bottom: 0.5rem;
}

.oss-roadmap {
    padding-left: 2rem;
    position: relative;
}

.oss-roadmap::before {
    background: var(--color-border);
    bottom: 0;
    content: '';
    left: 0.5rem;
    position: absolute;
    top: 0;
    width: 2px;
}

.oss-roadmap__item {
    margin-bottom: 2rem;
    position: relative;
}

.oss-roadmap__item::before {
    background: var(--color-bg-tertiary);
    border: 2px solid var(--color-border);
    border-radius: 50%;
    content: '';
    height: 12px;
    left: -1.5rem;
    position: absolute;
    top: 0.5rem;
    width: 12px;
}

.oss-roadmap__item--done::before {
    background: var(--color-success);
    border-color: var(--color-success);
}

.oss-roadmap__item--current::before {
    background: var(--color-accent);
    border-color: var(--color-accent);
}

.oss-roadmap__version {
    color: var(--color-text);
    font-weight: 600;
}

.oss-roadmap__desc {
    color: var(--color-text-muted);
    font-size: 0.9375rem;
    margin-top: 0.25rem;
}

.oss-alert {
    border-left: 4px solid;
    border-radius: 8px;
    margin: 1rem 0;
    padding: 1rem 1.5rem;
}

.oss-alert--info {
    background: rgba(88, 166, 255, 0.1);
    border-left-color: var(--color-accent);
}

.oss-alert--success {
    background: rgba(63, 185, 80, 0.1);
    border-left-color: var(--color-success);
}

.oss-alert__title {
    color: #000000;
    font-weight: 600;
    margin-bottom: 0.25rem;
}

.oss-alert__text {
    color: #000000;
    font-size: 0.9375rem;
    margin: 0;
}

.oss-sponsors {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 2rem;
    justify-content: center;
}

.oss-sponsor {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    color: var(--color-text-muted);
    padding: 1.5rem 2rem;
    text-decoration: none;
    transition: all 0.2s;
}

.oss-sponsor:hover {
    border-color: var(--color-text-subtle);
    color: var(--color-text);
}

.oss-footer {
    background: var(--color-bg-secondary);
    border-top: 1px solid var(--color-border);
    padding: 3rem 0;
}

.oss-footer__grid {
    display: grid;
    gap: 3rem;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    left: 1rem;
    right: 1rem;
}

.oss-footer__title {
    color: var(--color-text);
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.oss-footer__link {
    color: var(--color-text-muted);
    display: block;
    font-size: 0.9375rem;
    margin-bottom: 0.5rem;
    text-decoration: none;
}

.oss-footer__link:hover {
    color: var(--color-accent);
}

.oss-footer__bottom {
    align-items: center;
    border-top: 1px solid var(--color-border);
    column-gap: 5px;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem;
    justify-content: center;
    margin: 48px auto 0px auto;
    margin-top: 3rem;
    padding: 24px 0px 0px 0px;
    padding-top: 2rem;
    row-gap: 0.2px;
    text-align: center;
}

.oss-footer__bottom p {
    color: var(--color-text-subtle);
    font-size: 0.875rem;
    margin: 0;
}

.oss-diagram {
    background: var(--color-bg-secondary);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 2rem;
    text-align: center;
}

.oss-diagram__box {
    background: var(--color-bg-tertiary);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    color: var(--color-text);
    display: inline-block;
    font-family: var(--font-mono);
    font-size: 0.875rem;
    margin: 0.5rem;
    padding: 1rem 1.5rem;
}

.oss-diagram__arrow {
    color: var(--color-text-subtle);
    margin: 0 1rem;
}

.oss-table {
    border-collapse: collapse;
    font-size: 0.9375rem;
    width: 100%;
}

.oss-table th, .oss-table td {
    border-bottom: 1px solid var(--color-border);
    padding: 1rem;
    text-align: left;
}

.oss-table th {
    background: var(--color-bg-secondary);
    color: var(--color-text);
    font-weight: 600;
}

.oss-table td {
    color: var(--color-text-muted);
}

.oss-table__check {
    color: var(--color-success);
}

.oss-table__x {
    color: var(--color-text-subtle);
}

#ibe1w {
    gap: 2rem;
}

#itdvq {
    align-items: center;
    display: flex;
    justify-content: space-between;
}

#i8a2g {
    margin: 2rem auto;
    max-width: 500px;
}

#i0h4s {
    display: flex;
    gap: 1rem;
    justify-content: center;
    margin-top: 2rem;
}

#ijq1z {
    margin-bottom: 1rem;
    text-align: center;
}

#iugmx {
    margin: 0 auto 3rem;
    max-width: 600px;
    text-align: center;
}

#isulfw {
    margin-bottom: 1.5rem;
}

#iohctc {
    color: var(--color-success);
}

#i78tiz {
    color: var(--color-text-muted);
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

#iyw0lm {
    color: var(--color-success);
}

#ijddpq {
    color: var(--color-text-muted);
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

#ilixwb {
    color: var(--color-success);
}

#iee6pg {
    color: var(--color-text-muted);
    display: flex;
    gap: 0.75rem;
    margin-bottom: 1rem;
}

#iquw8u {
    color: var(--color-success);
}

#i29eq4 {
    color: var(--color-text-muted);
    display: flex;
    gap: 0.75rem;
}

#imbs86 {
    list-style: none;
    margin: 0;
    padding: 0;
}

#impbbt {
    align-items: center;
    gap: 4rem;
}

#ifua3l {
    margin-bottom: 3rem;
    text-align: center;
}

#iamqp8 {
    overflow-x: auto;
}

#i4ib7q {
    margin-bottom: 1rem;
    text-align: center;
}

#i7t177 {
    margin: 0 auto 3rem;
    max-width: 600px;
    text-align: center;
}

#itzps4 {
    margin-bottom: 3rem;
    text-align: center;
}

#ia3wnj {
    max-width: 700px;
}

#ihx52f {
    margin-bottom: 1rem;
    text-align: center;
}

#iluojd {
    margin: 0 auto 3rem;
    max-width: 500px;
    text-align: center;
}

#ivro0h {
    margin-bottom: 3rem;
    text-align: center;
}

#iywpoi {
    max-width: 800px;
}

#ijk6ag {
    margin-bottom: 1rem;
}

#iv11fj {
    margin: 0 auto 2rem;
    max-width: 500px;
}

#ilbfyh {
    display: flex;
    gap: 1rem;
    justify-content: center;
}

#iuwjwk {
    text-align: center;
}

.navbar__menu {
    align-items: center;
    column-gap: 32px;
    display: flex;
    row-gap: 32px;
}

.navbar__checkbox {
    display: none;
}

.navbar__toggle {
    display: none;
}

.cc-icon {
    height: 14px;
}

.oss-footer__bottom a {
    color: #bcbcbc;
}

.oss-footer__bottom a:hover {
    color: #58a6ff;
}

.oss-list li {
    line-height: 1.6;
    margin-bottom: 0.5rem;
}

* {
    box-sizing: border-box;
}

.oss-philosophy .oss-h4 {
    margin-bottom: 0.75rem;
}

.oss-conduct__item:last-child .oss-conduct__icon {
    color: #F85149;
}

html {
    scroll-behavior: smooth;
    scroll-padding: 80px;
}

.oss-toc__link a {
    color: var(--color-text-muted);
}

a.oss-toc__link {
    color: var(--color-text-muted);
}

.oss-hero.oss-hero__doc {
    text-align: left;
}

.page-com a.current-com {
    color: var(--color-accent);
}

.page-doc a.current-doc {
    color: var(--color-accent);
}

.page-main {
    background-color: var(--color-bg);
    color: var(--color-text);
}

table {
    margin: 0px;
    max-width: 90vw;
    min-width: 0px;
    padding: 20px 0px 20px 20px;
}

.oss-btn.oss-btn--primary.oss-btn--lg {
    border: 1 solid #000000;
    padding: 1rem 2rem 1rem 2rem;
}

.oss-btn.oss-btn--secondary.oss-btn--lg {
    border: 1px solid #526f51;
    padding: 1rem 2rem 1rem 2rem;
}

.oss-h1.oss-hero__title {
    font-size: 3.25rem;
}

.oss-body-lg.oss-hero__subtitle {
    color: #ffffff;
    font-size: 1.7rem;
    letter-spacing: 5px;
}

.oss-section.oss-section--alt {
    background-attachment: scroll;
    background-color: #effaef;
    background-image: linear-gradient(to bottom, #e0ffdf 0%, white 100%);
    background-position: left top;
    background-repeat: repeat;
    background-size: auto;
}

#ixbq07k {
    color: #1f1f1f;
    text-decoration: solid double;
    text-shadow: unset;
}

#ig0fiiv {
    color: #1f1f1f;
    text-decoration: solid double;
    text-shadow: unset;
}

#imkfw8v {
    font-size: 1.25rem;
}

#ioxd5wf {
    font-size: 1.25rem;
}

#ig72c1l {
    color: #00450c;
    font-size: 1.25rem;
}

#if08nci {
    color: #00450c;
    font-size: 1.25rem;
}

#i5j5sgm {
    color: #00450c;
    font-size: 1.25rem;
}

#im7xx55 {
    color: #00450c;
    font-size: 1.25rem;
}

#iv3b281 {
    color: #00450c;
    font-size: 1.25rem;
}

#iknta4q {
    color: #00450c;
    font-size: 1.25rem;
}

#i5i91sc {
    font-size: 1.25rem;
}

#ivaqxk5 {
    font-size: 1.25rem;
}

#iachu4o {
    font-size: 1.25rem;
}

#i6dcsz8 {
    font-size: 1.25rem;
}

#ijsc3mm {
    font-size: 1.25rem;
}

#ia2uenc {
    font-size: 1.25rem;
}

#ieof2y1 {
    font-size: 1.25rem;
}

.oss-stat__label.tex-center {
    color: #161616;
    text-align: center;
}

.oss-feature__title.oss-h4 {
    color: #00450c;
    font-size: 1.25rem;
}

#ityy4ha {
    color: #00450c;
}

#i340xb4 {
    color: #00450c;
}

#ivxxykq {
    color: #00450c;
}

#i6ngki4 {
    color: #00450c;
}

#iobki {
    border: 0px solid;
}

#iu8o45 {
    display: none;
}

#io8u2j {
    display: none;
}

#izqwjc {
    display: none;
}

#i4jnvs {
    display: none;
}

#im66s3 {
    display: none;
}

.oss-alert.oss-alert--info {
    background-attachment: scroll;
    background-image: none;
    background-position: left top;
    background-repeat: repeat;
    background-size: auto;
}

#iwqaij {
    display: none;
}

@media (max-width: 768px) {
    .oss-grid--2 {
        grid-template-columns: 1fr;
    }

    .oss-grid--3 {
        grid-template-columns: 1fr;
    }

    .oss-h1 {
        font-size: 2rem;
    }

    .oss-h2 {
        font-size: 1.5rem;
    }

    .oss-section {
        padding: 3rem 0;
    }

    .oss-footer__grid {
        grid-template-columns: 1fr;
        row-gap: 1rem;
    }

    .navbar__menu {
        background-clip: initial;
        background-color: #161b22;
        background-origin: initial;
        background-position-x: initial;
        background-position-y: initial;
        box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.44);
        display: flex;
        flex-direction: column;
        left: 0px;
        max-height: 0px;
        opacity: 0;
        overflow-x: hidden;
        overflow-y: hidden;
        padding: 0px;
        position: absolute;
        right: 0px;
        top: 80px;
        transition: all 0.3s ease-in-out;
        transition-behavior: normal;
        transition-delay: 0s;
    }

    .navbar__toggle {
        cursor: pointer;
        display: block;
        font-size: 1.8rem;
        padding: 0px 10px 0px 10px;
    }

    .navbar__checkbox:checked~.navbar__menu {
        max-height: 100vh;
        opacity: 1;
        padding: 50px 20px 50px 20px;
    }

    table {
        display: block;
        min-width: 0px;
        overflow: auto;
    }
}

@media (max-width: 480px) {
    pre code {
        white-space: pre-wrap;
    }

    .oss-hero {
        background-attachment: scroll, scroll, fixed, local;
        background-image: none, none, none, linear-gradient(rgba(0, 0, 0, 0.68) 0%, rgba(0, 0, 0, 0.68) 100%), url("../assets/14-teg-1.jpg");
        background-position: left top, left top, center center, center top, center top;
        background-repeat: repeat, repeat;
        background-size: auto, auto, cover, auto, cover;
    }
}