@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root {
    --bg: #0b0b12;
    --panel: #12121c;
    --panel2: #171724;
    --purple: #8b5cf6;
    --purple-dark: #5b21b6;
    --green: #39ff88;
    --green-dark: #0d8f52;
    --text: #f5f4fb;
    --muted: #a4a2b6;
    --line: rgba(255, 255, 255, .09);
    --max: 1180px
}

* {
    box-sizing: border-box
}

html {
    scroll-behavior: smooth
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    font-family: Inter, Arial, sans-serif;
    line-height: 1.6;
    overflow-x: hidden
}

a {
    color: inherit;
    text-decoration: none
}

.ambient {
    position: fixed;
    pointer-events: none;
    filter: blur(100px);
    opacity: .16;
    z-index: -1;
    border-radius: 50%
}

.ambient-one {
    width: 430px;
    height: 430px;
    top: 60px;
    left: -180px;
    background: var(--purple)
}

.ambient-two {
    width: 370px;
    height: 370px;
    right: -190px;
    top: 470px;
    background: var(--green-dark);
    opacity: .1
}

.site-header {
    height: 88px;
    max-width: var(--max);
    margin: auto;
    padding: 0 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid var(--line);
    position: relative;
    z-index: 5
}

.brand {
    display: flex;
    align-items: center;
    gap: 12px
}

.brand-logo {
    display: block;
    width: 64px;
    height: 64px;
    max-width: 100%;
    object-fit: contain;
    object-position: center;
    filter: drop-shadow(0 0 10px #8b5cf680);
    flex: 0 0 auto
}

.brand-mark {
    height: 42px;
    width: 42px;
    display: grid;
    place-items: center;
    border-radius: 12px;
    background: linear-gradient(145deg, #8b5cf6, #4c1d95);
    box-shadow: 0 0 24px #8b5cf640;
    font-weight: 900;
    font-size: 19px;
    letter-spacing: -2px
}

.brand-mark span,
.footer-brand span {
    color: var(--green)
}

.brand-copy {
    display: flex;
    flex-direction: column;
    line-height: 1.15
}

.brand-copy strong {
    font-size: 16px;
    letter-spacing: 2px
}

.brand-copy small {
    font-size: 9px;
    letter-spacing: 3px;
    color: var(--muted);
    margin-top: 5px
}

.nav-links {
    display: flex;
    align-items: center;
    gap: 32px
}

.nav-links a {
    font-size: 12px;
    color: #c3c0d1;
    transition: .2s
}

.nav-links a:hover {
    color: var(--green)
}

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    padding: 14px 21px;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 700;
    transition: transform .2s, box-shadow .2s, border-color .2s;
    border: 1px solid transparent
}

.button:hover {
    transform: translateY(-2px)
}

.button-primary {
    background: linear-gradient(110deg, var(--purple-dark), var(--purple));
    box-shadow: 0 8px 30px #8b5cf630;
    color: white
}

.button-primary:hover {
    box-shadow: 0 8px 35px #8b5cf660
}

.button-outline {
    border-color: #ffffff26;
    background: #ffffff05
}

.button-outline:hover,
.button-ghost:hover {
    border-color: var(--purple)
}

.button-small {
    padding: 10px 15px
}

.button-ghost {
    border-color: var(--line);
    background: #ffffff04
}

.mobile-toggle {
    display: none;
    background: none;
    border: 0
}

.section-wrap {
    max-width: var(--max);
    margin: 0 auto;
    padding-left: 24px;
    padding-right: 24px
}

.hero {
    min-height: 590px;
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    padding-top: 62px;
    padding-bottom: 78px
}

.hero-copy {
    position: relative;
    z-index: 2;
    padding-bottom: 10px
}

.eyebrow {
    font-size: 9px;
    font-weight: 800;
    letter-spacing: 2.2px;
    color: #c6c0d9;
    display: flex;
    align-items: center;
    gap: 10px
}

.pulse-dot,
.status-led {
    display: inline-block;
    width: 7px;
    height: 7px;
    background: var(--green);
    border-radius: 50%;
    box-shadow: 0 0 12px #39ff88a8
}

.hero h1,
.inner-page h1 {
    font-size: clamp(42px, 5.6vw, 72px);
    letter-spacing: -4px;
    line-height: 1.06;
    margin: 25px 0 20px;
    font-weight: 800
}

.gradient-text {
    background: linear-gradient(100deg, #b49aff 0%, var(--purple) 46%, var(--green) 110%);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent
}

.hero-description,
.page-lead {
    max-width: 490px;
    color: var(--muted);
    font-size: 14px;
    line-height: 1.9
}

.hero-actions {
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 28px
}

.hero-proof {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 36px;
    color: var(--muted);
    font-size: 10px;
    line-height: 1.7
}

.hero-proof strong {
    color: #eeeaf9;
    font-size: 11px
}

.avatar-stack {
    display: flex;
    padding-left: 5px
}

.avatar-stack i {
    font-style: normal;
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border: 2px solid var(--bg);
    border-radius: 50%;
    margin-left: -5px;
    background: #29213d;
    color: #d7c9ff;
    font-size: 9px;
    font-weight: 800
}

.avatar-stack i:nth-child(2) {
    background: #17372b;
    color: var(--green)
}

.avatar-stack i:nth-child(3) {
    background: #262633;
    color: white
}

.hero-visual {
    height: 400px;
    position: relative;
    display: grid;
    place-items: center
}

.visual-ring {
    position: absolute;
    border: 1px solid #a78bfa25;
    border-radius: 50%;
    transform: rotate(-22deg)
}

.ring-outer {
    width: 360px;
    height: 360px;
    border-style: dashed;
    animation: spin 50s linear infinite
}

.ring-inner {
    width: 285px;
    height: 285px;
    border-color: #39ff8825;
    box-shadow: 0 0 90px #8b5cf610 inset
}

.visual-orb {
    height: 230px;
    width: 230px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: radial-gradient(circle at 35% 25%, #30234c 0, #151321 48%, #0c0c13 75%);
    border: 1px solid #a78bfa45;
    box-shadow: 0 0 65px #8b5cf625, 0 0 100px #39ff8808 inset;
    position: relative
}

.visual-orb:before {
    content: "";
    position: absolute;
    inset: 12px;
    border: 1px solid #ffffff0d;
    border-radius: 50%
}

.orb-letter {
    font-size: 76px;
    font-weight: 900;
    letter-spacing: -12px;
    line-height: 1;
    text-shadow: 0 0 32px #8b5cf6a0
}

.orb-letter span {
    color: var(--green)
}

.orb-caption {
    font-size: 8px;
    letter-spacing: 4px;
    margin-top: 14px;
    color: #c9c3da
}

.orb-caption b {
    color: var(--green);
    font-weight: 600
}

.float-card {
    position: absolute;
    display: flex;
    gap: 11px;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid #ffffff16;
    background: #12121cdd;
    backdrop-filter: blur(10px);
    border-radius: 10px;
    box-shadow: 0 15px 40px #0004
}

.float-card small {
    display: block;
    color: #88869d;
    font-size: 7px;
    letter-spacing: 1.4px
}

.float-card strong {
    display: block;
    font-size: 10px;
    margin-top: 3px
}

.float-card-top {
    top: 54px;
    right: 0
}

.float-card-bottom {
    bottom: 49px;
    left: 4px
}

.mini-icon {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    border-radius: 8px
}

.purple {
    background: #8b5cf624;
    color: #b9a2ff
}

.float-card-bottom .status-led {
    flex-shrink: 0
}

.visual-spark {
    position: absolute;
    color: var(--green);
    text-shadow: 0 0 15px var(--green)
}

.spark-one {
    top: 83px;
    left: 60px
}

.spark-two {
    right: 40px;
    bottom: 84px;
    color: var(--purple)
}

.hero-bottom {
    position: absolute;
    bottom: 20px;
    left: 24px;
    right: 24px;
    display: flex;
    justify-content: space-between;
    color: #656276;
    font-size: 8px;
    letter-spacing: 1.5px
}

.hero-bottom b {
    color: var(--green);
    font-size: 14px;
    margin-left: 8px
}

.stats-strip {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    padding-top: 26px;
    padding-bottom: 26px;
    gap: 20px
}

.stat-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding-left: 18px;
    border-right: 1px solid var(--line)
}

.stat-item:last-child {
    border: 0
}

.stat-symbol {
    width: 36px;
    height: 36px;
    display: grid;
    place-items: center;
    border: 1px solid #8b5cf640;
    border-radius: 10px;
    color: #b69bff;
    background: #8b5cf610;
    font-size: 18px
}

.green-symbol {
    color: var(--green);
    border-color: #39ff8830;
    background: #39ff880b
}

.stat-item strong,
.stat-item small {
    display: block
}

.stat-item strong {
    font-size: 11px
}

.stat-item small {
    font-size: 9px;
    color: var(--muted);
    margin-top: 3px
}

.features {
    padding-top: 105px;
    padding-bottom: 85px
}

.section-heading {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 40px;
    margin-bottom: 30px
}

.section-heading h2,
.join-content h2 {
    font-size: 37px;
    letter-spacing: -1.8px;
    line-height: 1.2;
    margin: 14px 0 0
}

.section-heading>p {
    max-width: 390px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.9;
    margin: 0 0 4px
}

.feature-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px
}

.feature-card {
    position: relative;
    overflow: hidden;
    padding: 27px 25px 24px;
    border: 1px solid var(--line);
    border-radius: 13px;
    background: linear-gradient(145deg, #14131f, #101018);
    min-height: 250px
}

.feature-card-highlight {
    border-color: #8b5cf64a;
    background: linear-gradient(145deg, #211a35, #11131a)
}

.feature-icon {
    height: 39px;
    width: 39px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    font-size: 19px
}

.icon-purple {
    color: #c1aaff;
    background: #8b5cf622;
    border: 1px solid #8b5cf62c
}

.icon-green {
    color: var(--green);
    background: #39ff8811;
    border: 1px solid #39ff8830
}

.card-index {
    position: absolute;
    top: 31px;
    right: 25px;
    color: #5f5b71;
    font-size: 9px;
    letter-spacing: 1px
}

.feature-card h3 {
    font-size: 15px;
    margin: 23px 0 8px
}

.feature-card p {
    font-size: 10px;
    line-height: 1.9;
    color: var(--muted);
    margin: 0 0 22px
}

.feature-card>a {
    font-size: 9px;
    color: #d5c6ff;
    font-weight: 700
}

.feature-card>a b {
    color: var(--green);
    margin-left: 6px
}

.join-banner {
    position: relative;
    overflow: hidden;
    margin-bottom: 100px;
    padding-top: 55px;
    padding-bottom: 55px;
    border: 1px solid #8b5cf632;
    border-radius: 16px;
    background: linear-gradient(110deg, #171323, #11151a 72%);
    display: flex;
    align-items: center;
    justify-content: space-between
}

.join-glow {
    position: absolute;
    width: 350px;
    height: 250px;
    left: 25%;
    top: -150px;
    background: var(--purple);
    filter: blur(100px);
    opacity: .2
}

.join-content {
    position: relative;
    z-index: 1
}

.join-content h2 {
    font-size: 38px;
    margin: 17px 0 10px
}

.join-content p {
    font-size: 11px;
    color: var(--muted)
}

.join-content .hero-actions {
    margin-top: 22px
}

.join-mark {
    font-size: 130px;
    font-weight: 900;
    letter-spacing: -15px;
    color: #ffffff08;
    text-shadow: 0 0 40px #8b5cf60d;
    margin-right: 25px
}

.join-mark span {
    color: #39ff8810
}

.site-footer {
    max-width: var(--max);
    margin: auto;
    padding: 0 24px 30px;
    text-align: center;
    color: var(--muted)
}

.footer-brand {
    font-weight: 900;
    font-size: 18px;
    letter-spacing: 3px;
    color: #e8e3f4
}

.site-footer p {
    font-size: 10px;
    margin: 5px 0 22px
}

.footer-line {
    height: 1px;
    background: var(--line);
    margin-bottom: 20px
}

.site-footer small {
    font-size: 9px
}

.inner-page {
    min-height: 60vh;
    padding-top: 95px;
    padding-bottom: 100px
}

.inner-page h1 {
    font-size: clamp(42px, 5vw, 62px);
    margin-top: 20px
}

.page-lead {
    max-width: 650px;
    margin-bottom: 35px
}

.info-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    margin-top: 40px
}

.notice {
    margin-top: 25px;
    color: #b7a9d8;
    background: #8b5cf610;
    border: 1px solid #8b5cf626;
    padding: 14px 16px;
    border-radius: 8px;
    font-size: 10px
}

.team-placeholder,
.status-panel {
    border: 1px solid var(--line);
    background: #12121c;
    border-radius: 13px;
    padding: 25px;
    max-width: 720px
}

.team-placeholder {
    display: flex;
    align-items: center;
    gap: 18px
}

.team-avatar {
    width: 55px;
    height: 55px;
    display: grid;
    place-items: center;
    border-radius: 14px;
    background: linear-gradient(135deg, var(--purple-dark), var(--purple));
    font-weight: 900
}

.team-placeholder h3 {
    margin: 0;
    font-size: 14px
}

.team-placeholder p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: 10px
}

.team-placeholder .button {
    margin-left: auto
}

.status-panel {
    max-width: 620px
}

.status-panel-head {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 20px;
    border-bottom: 1px solid var(--line);
    font-size: 12px;
    font-weight: 700
}

.status-tag {
    margin-left: auto;
    font-size: 8px;
    letter-spacing: 1px;
    color: var(--green);
    border: 1px solid #39ff8830;
    padding: 4px 7px;
    border-radius: 5px
}

.status-row {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    padding: 17px 0;
    border-bottom: 1px solid var(--line);
    font-size: 11px
}

.status-row span {
    color: var(--muted)
}

.status-row strong {
    text-align: right
}

.status-panel>.button {
    margin-top: 20px
}

.maintenance-wrap {
    min-height: 100vh;
    max-width: 650px;
    margin: auto;
    padding: 80px 24px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center
}

.maintenance-logo {
    width: 65px;
    height: 65px;
    display: grid;
    place-items: center;
    background: linear-gradient(145deg, #8b5cf6, #4c1d95);
    border-radius: 17px;
    font-size: 29px;
    font-weight: 900;
    margin-bottom: 50px;
    box-shadow: 0 0 35px #8b5cf640
}

.maintenance-logo span {
    color: var(--green)
}

.maintenance-wrap h1 {
    font-size: clamp(38px, 6vw, 60px);
    line-height: 1.1;
    letter-spacing: -2px;
    margin: 20px 0
}

.maintenance-wrap p {
    color: var(--muted);
    font-size: 14px;
    line-height: 1.8;
    margin: 0 0 25px
}

.maintenance-foot {
    margin-top: 70px;
    color: #656276;
    font-size: 10px
}

@keyframes spin {
    to {
        transform: rotate(338deg)
    }
}

@media(max-width:800px) {
    .nav-links {
        gap: 15px
    }
    .nav-links a {
        font-size: 10px
    }
    .nav-discord {
        display: none
    }
    .hero {
        grid-template-columns: 1fr;
        padding-top: 65px;
        padding-bottom: 80px
    }
    .hero-visual {
        height: 350px;
        grid-row: 1;
        margin-bottom: 15px
    }
    .hero-copy {
        grid-row: 2
    }
    .hero h1 {
        font-size: 58px
    }
    .ring-outer {
        width: 300px;
        height: 300px
    }
    .ring-inner {
        width: 245px;
        height: 245px
    }
    .visual-orb {
        width: 195px;
        height: 195px
    }
    .orb-letter {
        font-size: 65px
    }
    .float-card-top {
        right: 8%
    }
    .float-card-bottom {
        left: 8%
    }
    .hero-bottom {
        bottom: 18px
    }
    .stats-strip {
        grid-template-columns: 1fr;
        gap: 17px
    }
    .stat-item {
        border-right: 0;
        padding-left: 0
    }
    .section-heading {
        display: block
    }
    .section-heading>p {
        margin-top: 18px
    }
    .feature-grid,
    .info-grid {
        grid-template-columns: 1fr
    }
    .feature-card {
        min-height: unset
    }
    .join-mark {
        font-size: 90px;
        margin-right: 0
    }
    .join-banner {
        padding-top: 40px;
        padding-bottom: 40px
    }
    .team-placeholder {
        flex-wrap: wrap
    }
    .team-placeholder .button {
        margin: 10px 0 0
    }
    .inner-page {
        padding-top: 65px
    }
}

@media(max-width:560px) {
    .site-header {
        height: 75px
    }
    .mobile-toggle {
        display: flex;
        flex-direction: column;
        gap: 5px;
        padding: 8px
    }
    .mobile-toggle span {
        height: 2px;
        width: 21px;
        background: #eee;
        border-radius: 2px
    }
    .nav-links {
        display: none;
        position: absolute;
        top: 74px;
        left: 0;
        right: 0;
        background: #101019;
        border-bottom: 1px solid var(--line);
        padding: 20px 24px;
        flex-direction: column;
        align-items: flex-start
    }
    .menu-open .nav-links {
        display: flex
    }
    .hero-visual {
        height: 300px
    }
    .ring-outer {
        width: 260px;
        height: 260px
    }
    .ring-inner {
        width: 215px;
        height: 215px
    }
    .visual-orb {
        width: 170px;
        height: 170px
    }
    .orb-letter {
        font-size: 58px
    }
    .float-card {
        padding: 10px
    }
    .float-card-top {
        top: 24px;
        right: 0
    }
    .float-card-bottom {
        bottom: 20px;
        left: 0
    }
    .hero h1 {
        font-size: 48px;
        letter-spacing: -2.7px
    }
    .hero-description {
        font-size: 12px
    }
    .hero-bottom {
        font-size: 7px;
        letter-spacing: .7px
    }
    .hero-bottom span:last-child {
        display: none
    }
    .section-heading h2,
    .join-content h2 {
        font-size: 30px
    }
    .join-banner {
        padding: 30px 22px
    }
    .join-mark {
        display: none
    }
    .join-content .hero-actions {
        align-items: stretch;
        flex-direction: column
    }
    .join-content .button {
        width: 100%
    }
    .team-placeholder {
        align-items: flex-start
    }
    .team-placeholder .button {
        width: 100%
    }
}

/* Atmos V Forum */
.nav-links a.nav-active{color:var(--green);text-shadow:0 0 18px #39ff8840}
.forum-page{padding-top:38px;padding-bottom:90px}.forum-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;min-height:235px;padding:38px 42px;border:1px solid #8b5cf640;border-radius:16px;background:radial-gradient(ellipse at 78% 20%,#5b21b64d,transparent 40%),radial-gradient(ellipse at 85% 100%,#39ff8814,transparent 35%),linear-gradient(115deg,#171323,#0e111a 70%);box-shadow:0 20px 60px #0003}.forum-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#0b0b12a8,transparent);pointer-events:none}.forum-hero-content{position:relative;z-index:1}.forum-hero h1{font-size:clamp(32px,4vw,55px);letter-spacing:-2px;margin:10px 0}.forum-hero h1 span{color:var(--purple);text-shadow:0 0 30px #8b5cf660}.forum-hero p{color:#c7c3d8;margin:0;font-size:15px}.forum-hero-mark{font-size:140px;font-weight:900;letter-spacing:-18px;color:#8b5cf61a;text-shadow:0 0 40px #8b5cf626;padding-right:25px}.forum-pills{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:#d9d5e7;font-size:11px}.forum-pills span:first-letter{color:var(--green)}.forum-flash{margin:18px 0;padding:13px 16px;border:1px solid #39ff8840;background:#39ff880b;border-radius:9px;color:#c7ffdc;font-size:12px}.forum-topbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:22px 0}.forum-search{display:flex;gap:8px;flex:1;max-width:540px}.forum-search input,.forum-compose input,.forum-compose select,.forum-compose textarea{width:100%;background:#101019;border:1px solid #ffffff1c;border-radius:8px;color:var(--text);padding:12px 14px;font:inherit;font-size:12px;outline:none}.forum-search input:focus,.forum-compose input:focus,.forum-compose textarea:focus,.forum-compose select:focus{border-color:#8b5cf6a0;box-shadow:0 0 0 3px #8b5cf618}.forum-userbox{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.forum-userbox strong{color:#fff}.forum-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:20px;align-items:start}.forum-section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:28px 0 15px}.forum-section-heading h2{margin:4px 0 0;font-size:22px;letter-spacing:-.6px}.forum-category{display:flex;align-items:center;gap:15px;padding:17px 18px;margin-bottom:9px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(110deg,#13131e,#101018);transition:.2s}.forum-category:hover,.forum-thread-row:hover{border-color:#8b5cf666;transform:translateY(-1px);background:#171423}.forum-category-icon,.forum-thread-icon{flex:0 0 43px;width:43px;height:43px;display:grid;place-items:center;border-radius:10px;background:#8b5cf61b;border:1px solid #8b5cf62c;font-size:21px}.forum-category-copy{flex:1;min-width:0}.forum-category-copy h3{font-size:13px;margin:0 0 4px}.forum-category-copy p{font-size:10px;line-height:1.7;color:var(--muted);margin:0}.forum-category-count{text-align:center;min-width:55px}.forum-category-count strong,.forum-category-count small{display:block}.forum-category-count strong{font-size:14px}.forum-category-count small,.forum-category-arrow{color:var(--muted);font-size:9px}.forum-category-arrow{font-size:17px;color:var(--green)}.forum-sidebar{display:grid;gap:13px}.forum-side-card,.forum-card{border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#141420,#101018);padding:20px}.forum-side-card h3{font-size:12px;margin:0 0 16px}.forum-join{border-color:#8b5cf675;box-shadow:0 0 30px #8b5cf610;text-align:center}.forum-crown{display:block;font-size:32px;color:var(--green);text-shadow:0 0 22px #39ff8870}.forum-join h3{font-size:14px;margin:8px 0}.forum-join p,.forum-side-note{color:var(--muted);font-size:10px;line-height:1.8}.forum-join .button{width:100%;margin-top:9px}.forum-side-line{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #ffffff0c;font-size:10px}.forum-side-line span{color:var(--muted)}.forum-side-line strong{font-weight:600;text-align:right}.forum-online{color:var(--green)}.forum-full-button{width:100%;margin-top:13px}.forum-user-rank{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.forum-user-rank strong{color:var(--green);font-size:12px}.forum-user-rank span{color:#c4b5fd;font-size:11px}.forum-thread-row{display:flex;align-items:center;gap:13px;padding:13px 14px;border:1px solid var(--line);border-radius:10px;background:#11111a;margin-bottom:8px;transition:.2s}.forum-thread-copy{flex:1;min-width:0}.forum-thread-title{font-size:12px;font-weight:700;overflow-wrap:anywhere}.forum-thread-copy small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.forum-thread-stats{text-align:center;min-width:50px}.forum-thread-stats strong,.forum-thread-stats small,.forum-last-post small,.forum-last-post strong{display:block}.forum-thread-stats strong{font-size:12px}.forum-thread-stats small,.forum-last-post small{font-size:9px;color:var(--muted)}.forum-last-post{min-width:90px;max-width:110px}.forum-last-post strong{font-size:10px;overflow:hidden;text-overflow:ellipsis}.forum-pin,.forum-lock{margin-right:5px}.forum-compose{margin:14px 0;display:grid;gap:13px}.forum-compose h3{margin:0;font-size:15px}.forum-compose label{display:grid;gap:6px;font-size:11px;color:var(--muted)}.forum-compose textarea{min-height:125px;resize:vertical}.forum-compose button{justify-self:start}.forum-compose[hidden]{display:none}.forum-setup{margin:24px 0;line-height:1.9}.forum-setup h2{margin-top:0}.forum-setup code{color:#c4b5fd}.forum-setup li{font-size:12px;color:var(--muted);margin:7px 0}.forum-empty{text-align:center;padding:35px}.forum-empty p{font-size:11px;color:var(--muted)}.forum-breadcrumb{font-size:11px;color:var(--muted);margin:20px 0}.forum-breadcrumb a{color:var(--green)}.forum-thread-head{margin-bottom:12px}.forum-thread-head h2{font-size:24px;margin:8px 0}.forum-thread-head p{font-size:10px;color:var(--muted);margin:0}.forum-thread-flags{display:flex;gap:7px}.forum-label{display:inline-flex;align-items:center;padding:4px 7px;border:1px solid #ffffff1a;border-radius:5px;font-size:9px;color:#c4b5fd;background:#8b5cf610}.forum-label.green{border-color:#39ff8840;color:var(--green);background:#39ff880b}.forum-post{display:grid;grid-template-columns:145px minmax(0,1fr);border:1px solid var(--line);border-radius:11px;overflow:hidden;margin-bottom:12px;background:#11111a}.forum-post-user{padding:18px 12px;background:#151420;display:flex;align-items:center;flex-direction:column;gap:7px;text-align:center;border-right:1px solid var(--line)}.forum-avatar{width:52px;height:52px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#34204f;color:#c4b5fd;font-weight:800}.forum-avatar img{width:100%;height:100%;object-fit:cover}.forum-post-user strong{font-size:11px;overflow-wrap:anywhere}.forum-post-user small{font-size:9px;color:var(--muted)}.forum-post-body{padding:15px;min-width:0}.forum-post-meta{display:flex;justify-content:space-between;gap:10px;font-size:9px;color:var(--muted);padding-bottom:11px;border-bottom:1px solid #ffffff10}.forum-post-text{padding:15px 0;white-space:normal;overflow-wrap:anywhere;font-size:12px;line-height:1.9;min-height:70px}.forum-post-actions{display:flex;gap:8px;flex-wrap:wrap}.forum-post-actions form{margin:0}.forum-action-button{background:#8b5cf610;border:1px solid #8b5cf638;color:#d8ccff;border-radius:7px;padding:7px 10px;font-size:10px;cursor:pointer}.forum-action-button:hover{border-color:#39ff8870;color:var(--green)}.forum-filter-row{margin:10px 0 20px;font-size:11px;color:var(--green)}.forum-recent-heading{margin-top:30px}.forum-setup ol{padding-left:22px}
@media(max-width:900px){.forum-layout{grid-template-columns:1fr}.forum-sidebar{grid-template-columns:repeat(2,minmax(0,1fr))}.forum-hero-mark{font-size:95px}.forum-last-post{display:none}}
@media(max-width:620px){.forum-page{padding-top:20px}.forum-hero{padding:27px 20px;min-height:190px}.forum-hero-mark{display:none}.forum-pills{gap:9px;font-size:9px}.forum-topbar{align-items:stretch;flex-direction:column}.forum-search{max-width:none}.forum-userbox{justify-content:space-between}.forum-sidebar{grid-template-columns:1fr}.forum-category{gap:10px;padding:13px}.forum-category-icon{width:36px;height:36px;flex-basis:36px;font-size:17px}.forum-category-count{min-width:35px}.forum-category-copy p{font-size:9px}.forum-thread-row{gap:8px;padding:10px}.forum-thread-icon{width:34px;height:34px;flex-basis:34px;font-size:17px}.forum-thread-stats{min-width:35px}.forum-thread-title{font-size:11px}.forum-post{grid-template-columns:82px minmax(0,1fr)}.forum-post-user{padding:12px 5px}.forum-avatar{width:38px;height:38px}.forum-post-user .forum-label{font-size:8px;padding:3px}.forum-post-body{padding:11px}.forum-section-heading h2{font-size:19px}.forum-side-card{padding:17px}}
/* Atmos V Community Upgrade */
.forum-permission-form{display:flex;gap:7px;flex-wrap:wrap;align-items:center}.forum-permission-form select{background:#101019;color:var(--text);border:1px solid #8b5cf638;border-radius:7px;padding:7px;font-size:10px}.forum-progress{height:7px;overflow:hidden;border-radius:99px;background:#ffffff12;margin:10px 0 5px}.forum-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--purple),var(--green));box-shadow:0 0 12px #8b5cf670}.forum-progress-caption{display:flex;justify-content:space-between;color:var(--muted);font-size:9px;gap:8px}.forum-achievement{display:flex;gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid #ffffff0c}.forum-achievement-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:9px;background:#8b5cf61b;border:1px solid #8b5cf638;font-size:17px}.forum-achievement strong,.forum-achievement small{display:block}.forum-achievement strong{font-size:10px}.forum-achievement small{font-size:9px;color:var(--muted);margin-top:3px}

/* Atmos V Community profile pages */
.forum-profile-header{display:flex;align-items:center;gap:1.25rem;margin:1rem 0 1.5rem;padding:1.25rem;border:1px solid rgba(139,92,246,.28);border-radius:16px;background:linear-gradient(135deg,rgba(139,92,246,.12),rgba(57,255,136,.04));}
.forum-profile-header h2{margin:.1rem 0 .35rem}.forum-profile-header p{margin:.25rem 0;color:var(--muted,#a1a1aa)}
.forum-profile-avatar{width:88px!important;height:88px!important;min-width:88px;font-size:2rem;box-shadow:0 0 24px rgba(139,92,246,.25)}
.forum-profile-avatar img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.forum-post-user strong a,.forum-thread-copy a{color:inherit;text-decoration:none}.forum-post-user strong a:hover,.forum-thread-copy a:hover{color:#39ff88}
.forum-thread-row .forum-avatar{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:0 0 42px;width:42px;height:42px;border-radius:50%;background:rgba(139,92,246,.18);border:1px solid rgba(139,92,246,.35)}
.forum-thread-row .forum-avatar img{width:100%;height:100%;object-fit:cover}

/* Atmos V Community: period leaderboard and solved-answer emphasis */
.forum-leaderboard-tabs{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.1rem 0 1.4rem}
.forum-leaderboard-tabs .button{display:inline-flex;align-items:center;justify-content:center;min-height:40px}
.forum-profile-badges{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem;margin:.75rem 0 1rem}
.forum-profile-badges .forum-achievement{margin:0}
.forum-post-solved{border:1px solid rgba(57,255,136,.65);box-shadow:0 0 22px rgba(139,92,246,.18),inset 0 0 0 1px rgba(57,255,136,.12);border-radius:14px;position:relative}
.forum-post-solved:before{content:'✓ AKZEPTIERTE LÖSUNG';display:inline-block;margin:0 0 .7rem;padding:.35rem .65rem;border-radius:999px;background:rgba(57,255,136,.1);border:1px solid rgba(57,255,136,.4);color:#39ff88;font-size:.72rem;font-weight:800;letter-spacing:.06em}
@media(max-width:600px){.forum-leaderboard-tabs{display:grid;grid-template-columns:1fr}.forum-profile-badges{grid-template-columns:1fr}}