/* Vanelys — Orange 2.0.0. Loaded after Bootstrap, Azuriom and plugin styles. */
:root,
[data-bs-theme="dark"] {
    --v-bg: #131415;
    --v-surface: #1c1d1f;
    --v-surface-raised: #252627;
    --v-ink: #fbf3e9;
    --v-muted: #aaa8a5;
    --v-orange: #ffa654;
    --v-orange-light: #ffc687;
    --v-body-font: "Segoe UI", -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    --v-heading-font: "Trebuchet MS", "Segoe UI", Arial, sans-serif;
    --bs-body-bg: var(--v-bg);
    --bs-body-color: var(--v-ink);
    --bs-body-font-family: var(--v-body-font);
    --bs-primary: var(--v-orange);
    --bs-primary-rgb: 255, 166, 84;
    --bs-link-color: var(--v-orange);
    --bs-link-hover-color: var(--v-orange-light);
    --bs-link-color-rgb: 255, 166, 84;
    --bs-link-hover-color-rgb: 255, 198, 135;
    --bs-dark: #18191a;
    --bs-dark-rgb: 24, 25, 26;
    --bs-light: #252627;
    --bs-secondary-color: var(--v-muted);
    --bs-secondary-bg: var(--v-surface);
    --bs-tertiary-bg: #242527;
    --bs-border-color: transparent;
    --bs-border-width: 0;
    --bs-border-radius: 12px;
    --bs-border-radius-sm: 8px;
    --bs-border-radius-lg: 18px;
    --bs-primary-color-contrast: #291b10;
    color-scheme: dark;
}
html { min-height: 100%; scroll-behavior: smooth; scrollbar-width: thin; scrollbar-color: #d28b4d #191a1c; scroll-padding-top: 32px; }
body.vanelys-site { margin: 0; min-height: 100vh; display: flex; flex-direction: column; background: var(--v-bg) !important; color: var(--v-ink); font-family: var(--v-body-font); font-size: 15px; line-height: 1.65; -webkit-font-smoothing: antialiased; }
.vanelys-site *, .vanelys-site *::before, .vanelys-site *::after { box-sizing: border-box; }
body.vanelys-site #app { flex: 1 0 auto; }
.vanelys-site a { text-decoration: none; }
.vanelys-site a, .vanelys-site button, .vanelys-site input { -webkit-tap-highlight-color: transparent; }
.vanelys-site img { max-width: 100%; }
.vanelys-site button { font: inherit; }
.vanelys-site :is(h1,h2,h3,h4,h5,h6) { font-family: var(--v-heading-font); font-weight: 700; color: var(--v-ink); letter-spacing: -.035em; }
.vanelys-site ::selection { background: #ffaf69; color: #24180f; }
.vanelys-site [hidden] { display: none !important; }
.vanelys-site :is(a,button,input,select,textarea):focus-visible { outline: none; }
.vanelys-site :is(a,button):focus-visible { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 6px; filter: brightness(1.25); }
.vanelys-site :is(input,select,textarea):focus-visible { background-color: #34302a; box-shadow: inset 0 -3px 0 var(--v-orange); }
::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { background: #191a1c; }
::-webkit-scrollbar-thumb { background: #c4854c; border-radius: 20px; }
::-webkit-scrollbar-thumb:hover { background: #ffaf69; }
.vanelys-site .container { width: 100%; }
@media (min-width: 1200px) { .vanelys-site .container { max-width: 1192px; } }
@media (min-width: 1440px) { .vanelys-site .container { max-width: 1232px; } }
.v-icon { display: inline-block; flex: 0 0 auto; vertical-align: middle; }
.v-skip { position: fixed; left: 20px; top: -90px; z-index: 10000; padding: 12px 18px; border-radius: 10px; background: var(--v-orange); color: #26190d; transition: top .15s; }
.v-skip:focus { top: 12px; }
.v-orange { color: var(--v-orange); }
.v-small-label, .v-eyebrow { font-size: 10px; font-weight: 750; letter-spacing: .18em; text-transform: uppercase; }
.v-eyebrow { display: flex; align-items: center; gap: 10px; color: var(--v-orange); margin: 0 0 17px; font-size: 11px; line-height: 1.5; }
.v-small-label { color: var(--v-muted); }
.v-tiny-pixel { display: block; width: 7px; height: 7px; background: var(--v-orange); box-shadow: 7px 0 0 #ffa65440, 0 7px 0 #ffa65440; margin: 0 5px 4px 0; }
/* Header */
.v-announcement { min-height: 36px; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 9px; padding: 8px 16px; background: #30231b; color: #e7bd97; font-size: 11px; line-height: 1.4; }
.v-announcement .v-icon { width: 13px; height: 13px; color: var(--v-orange); }
.v-announcement a { font-weight: 700; color: #ffbc7f; margin-left: 9px; }
.v-announcement a span { margin-left: 5px; }
.v-header { position: relative; z-index: 30; background: #131415; }
.v-navbar { min-height: 99px; padding: 20px 0; background: transparent !important; }
.v-brand { display: inline-flex; align-items: center; flex: 0 0 auto; gap: 12px; color: var(--v-ink) !important; font-family: var(--v-heading-font); font-size: 28px; font-weight: 800; line-height: 1; letter-spacing: -.055em; text-transform: none; }
.v-brand-dot { color: var(--v-orange); margin-left: 2px; }
.v-brand-symbol { display: block; width: 31px; height: 36px; flex: 0 0 31px; }
.v-brand-symbol svg { display: block; width: 100%; height: 100%; }
.v-brand-image { object-fit: contain; width: auto; max-width: 170px; height: 54px; }
.v-brand-fallback { letter-spacing: .02em; }
.v-main-nav { margin-left: auto; margin-right: auto !important; gap: 7px; flex-wrap: wrap; justify-content: center; min-width: 0; }
.v-navbar .navbar-collapse { min-width: 0; }
.v-navbar .nav-link { color: #a8a6a3; font-size: 12px; font-weight: 600; line-height: 1.6; padding: 12px 16px !important; text-transform: none; }
.v-navbar .nav-link:hover, .v-navbar .nav-link:focus { color: var(--v-ink); }
.v-navbar .nav-link.active { color: var(--v-orange); background: #ffa6540b; border-radius: 8px; }
.v-account-nav { gap: 20px; align-items: center; flex-shrink: 0; }
.v-account-link { display: flex; gap: 9px; align-items: center; color: #c8c4be; font-size: 12px; font-weight: 600; min-height: 40px; }
.v-account-link:hover { color: var(--v-orange); }
.v-account-link .v-icon { width: 15px; height: 15px; }
.v-avatar-letter { height: 28px; width: 28px; display: grid; place-items: center; background: #37271c; color: var(--v-orange); border-radius: 9px; text-transform: uppercase; font-size: 11px; }
.v-username { max-width: 112px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v-menu-toggle { display: grid; place-items: center; background: var(--v-surface); border: 0; border-radius: 10px; padding: 11px; box-shadow: none !important; color: var(--v-orange); }
.v-navbar .dropdown-toggle::after { margin-left: 7px; border-top-width: 4px; border-left-width: 4px; border-right-width: 4px; vertical-align: .15em; }
@media (min-width: 992px) { .v-menu-toggle { display: none; } }
/* Buttons, shared with native Azuriom and its plugins. */
.vanelys-site .btn { display: inline-flex; align-items: center; justify-content: center; gap: 11px; padding: 12px 20px; border: 0 !important; border-radius: 10px; box-shadow: none; font-weight: 700; font-size: 13px; line-height: 1.5; transition: background-color .18s, color .18s, transform .18s; text-transform: none; }
.vanelys-site .btn:hover { transform: translateY(-2px); }
.vanelys-site .btn:active { transform: translateY(0); }
.vanelys-site .btn .v-icon { width: 17px; height: 17px; }
.vanelys-site .btn-primary { --bs-btn-color: #291b10; --bs-btn-bg: #ffa654; --bs-btn-hover-bg: #ffbb7a; --bs-btn-hover-color: #291b10; --bs-btn-active-bg: #f29b4c; --bs-btn-active-color: #291b10; background: var(--v-orange); color: #291b10; }
.vanelys-site .btn-primary:hover, .vanelys-site .btn-primary:focus { background: #ffbc7e; color: #291b10; box-shadow: none; }
.vanelys-site .btn-primary:disabled { background: #775536; color: #bfa68f; }
.vanelys-site .v-nav-play { padding: 10px 18px; font-size: 12px; border-radius: 8px; }
.vanelys-site .v-nav-play .v-icon { width: 15px; height: 15px; }
.vanelys-site .v-button-large { padding: 17px 23px; min-height: 53px; }
.vanelys-site .v-button-quiet { background: #222221; color: #e9e0d5; padding: 16px 20px; }
.vanelys-site .v-button-quiet .v-icon { color: #d3a377; }
.vanelys-site .v-button-quiet:hover { background: #2d2a27; color: #fff2de; }
.vanelys-site .v-button-cream { background: #fff0d9; color: #593516; width: 100%; font-size: 12px; padding: 13px 14px; }
.vanelys-site .v-button-cream:hover { background: #fff8ed; color: #593516; }
.vanelys-site .v-button-dark { background: #28221c; color: #ffe7c8; padding: 12px 22px; }
.vanelys-site .v-button-dark:hover { background: #3b2d22; color: #fff; }
.v-text-link { display: inline-flex; align-items: center; gap: 13px; color: #efb77f; font-size: 12px; font-weight: 650; }
.v-text-link .v-icon { width: 16px; height: 16px; transition: transform .2s; }
.v-text-link:hover .v-icon { transform: translateX(4px); }
/* Hero */
.v-home-alerts:empty { display: none; }
.v-home-alerts > .alert { margin-top: 8px; }
.v-hero { position: relative; isolation: isolate; overflow: hidden; background: radial-gradient(ellipse at 74% 43%, #613b1c25 0, transparent 48%); }
.v-hero-inner { position: relative; display: grid; grid-template-columns: 1fr 1.04fr; align-items: center; min-height: 588px; padding-top: 28px; padding-bottom: 40px; }
.v-hero-copy { position: relative; z-index: 3; padding-top: 2px; max-width: 575px; }
.v-hero h1 { background: none; padding: 0; margin: 0 0 23px; color: var(--v-ink); font-family: var(--v-heading-font); font-size: clamp(42px,4.6vw,66px); line-height: 1.085; font-weight: 800; text-transform: none; letter-spacing: -.053em; }
.v-hero h1 > span { display: block; color: var(--v-orange); max-width: 530px; }
.v-hero-description { max-width: 420px; font-size: 14px; color: #b0aba6; line-height: 1.9; margin: 0 0 30px; }
.v-hero-actions { display: flex; flex-wrap: wrap; gap: 10px; }
.v-hero-connect { margin-top: 25px; display: flex; align-items: center; flex-wrap: wrap; gap: 15px; }
.v-ip-mini { background: transparent; border: 0; color: #c7b39c; font-size: 11px; padding: 4px 0; display: inline-flex; align-items: center; gap: 8px; font-weight: 650; }
.v-ip-mini .v-icon { width: 13px; height: 13px; color: #e8a665; }
.v-ip-mini:hover { color: var(--v-orange); }
.v-hero-meta { font-size: 10px; color: #85827f; }
.v-hero-meta span { padding: 0 5px; }
.v-hero-art { position: relative; height: 518px; margin: 0 -38px 0 -6px; }
.v-art-sun { position: absolute; width: 292px; height: 292px; left: 37%; top: 39px; background: linear-gradient(150deg,#4c342050,#cc753722); border-radius: 50%; }
.v-art-sun::after { content: ''; position: absolute; inset: 32px; border-radius: 50%; background: linear-gradient(145deg,#8b532225,#352b1c20); }
.v-island-holder { position: absolute; inset: 0; transform: translate3d(var(--v-px,0),var(--v-py,0),0); transition: transform .6s ease-out; }
.v-island { display: block; width: 100%; height: 100%; object-fit: contain; position: relative; z-index: 2; }
.v-island-css { width: 160px; height: 160px; position: absolute; left: calc(50% - 80px); top: calc(50% - 50px); background: #856c38; transform: rotate(-30deg) skewX(30deg) scaleY(.85); box-shadow: -25px 25px 0 #533724,-50px 50px 0 #35291e; }
.v-island-css div { position: absolute; inset: 12px; background: #85964c; }
.v-island-css span { position: absolute; width: 70px; height: 70px; top: -35px; left: 45px; background: #d5944b; box-shadow: -10px 10px 0 #aa6932; }
.v-island-ready .v-island-css { display: none; }
.v-art-tag { position: absolute; top: -8px; left: 27%; z-index: 4; display: flex; gap: 8px; align-items: center; color: #bda68b; font-size: 8px; font-weight: 650; letter-spacing: .16em; transform: rotate(-5deg); }
.v-art-tag .v-icon { width: 17px; height: 17px; color: #daa768; }
.v-art-note { position: absolute; bottom: 32px; right: 9%; display: flex; gap: 9px; align-items: center; background: #2a2722; padding: 10px 16px; border-radius: 9px; color: #e0c9a9; font-size: 11px; font-weight: 500; transform: rotate(-5deg); z-index: 5; }
.v-art-note .v-icon { width: 15px; height: 15px; color: #eebf80; }
.v-art-pixel { position: absolute; width: 10px; height: 10px; background: #ae7b3f; transform: rotate(15deg); opacity: .45; }
.v-art-pixel-one { top: 125px; left: 11%; box-shadow: -35px 55px 0 -3px #f5b978; }
.v-art-pixel-two { top: 128px; right: 2%; width: 14px; height: 14px; background: #d5a45d; }
.v-art-pixel-three { bottom: 40px; left: 25%; width: 6px; height: 6px; }
.v-hero-banner { position: absolute; inset: 0; z-index: -2; }
.v-hero-banner img { width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .7; }
.v-hero-banner::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,#131415 1%,#131415eb 30%,#13141540 78%),linear-gradient(0deg,#131415 0,transparent 30%,#13141550 100%); }
.v-hero-has-banner .v-art-sun, .v-hero-has-banner .v-island-holder, .v-hero-has-banner .v-art-pixel { visibility: hidden; }
.v-hero-has-banner .v-hero-art { min-height: 450px; }
.v-hero-bottom { min-height: 51px; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 0 22px; }
.v-scroll-hint { display: inline-flex; align-items: center; gap: 10px; color: #85817b; font-size: 10px; }
.v-scroll-hint > span { display: grid; place-items: center; width: 25px; height: 25px; background: #20201e; border-radius: 50%; color: #d7b691; font-size: 13px; }
.v-scroll-hint:hover { color: #d1b591; }
.v-hero-signature { color: #9f8c76; font-size: 10px; display: flex; gap: 10px; align-items: center; }
.v-hero-signature .v-icon { height: 16px; width: 16px; color: #db9e60; }
.v-live-status { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; color: #aaa9a2; }
.v-live-status > span { width: 6px; height: 6px; background: #a78c73; border-radius: 50%; }
.v-live-status.is-online > span { background: #a4c57f; box-shadow: 0 0 0 4px #a4c57f0d; }
.v-live-status.is-offline > span { background: #cf9c78; }
/* Editorial sections */
.v-universe { padding-top: 65px; padding-bottom: 42px; }
.v-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 28px; }
.v-section-heading h2 { font-size: 32px; line-height: 1.25; letter-spacing: -.035em; margin: 0; }
.v-section-heading h2 span:not(.v-orange) { color: #a8a29a; }
.v-section-heading > p { margin: 0 0 3px; color: #a6a09a; font-size: 12px; line-height: 1.9; max-width: 290px; }
.v-section-heading .v-eyebrow { font-size: 9px; margin-bottom: 10px; }
.v-section-aside { color: #928b83; font-size: 11px; padding-bottom: 4px; }
.v-features { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; }
.v-feature { position: relative; display: flex; flex-direction: column; min-height: 212px; padding: 24px 26px 22px; background: #1c1d1e; border-radius: 14px; overflow: hidden; transition: background .25s,transform .25s; }
.v-feature:hover { background: #242220; transform: translateY(-4px); }
.v-feature-icon { display: grid; place-items: center; background: #332920; color: #eebb80; width: 43px; height: 43px; border-radius: 12px; margin-bottom: 20px; }
.v-feature-icon .v-icon { width: 22px; height: 22px; }
.v-feature h3 { font-size: 17px; letter-spacing: -.02em; margin: 0 0 8px; }
.v-feature p { margin: 0; color: #a7a29b; font-size: 12px; line-height: 1.85; max-width: 275px; }
.v-feature-number { position: absolute; top: 23px; right: 24px; color: #565047; font-size: 10px; font-weight: 700; font-variant-numeric: tabular-nums; letter-spacing: .05em; }
.v-site-message { padding-top: 20px; padding-bottom: 15px; }
.v-news-section { padding-top: 47px; padding-bottom: 35px; }
.v-news-layout { display: grid; grid-template-columns: minmax(0,1fr) 305px; gap: 22px; align-items: start; }
.v-posts { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; }
.v-post-card { overflow: hidden; background: #1d1e20; border-radius: 16px; display: flex; flex-direction: column; height: 100%; }
.v-post-visual { position: relative; display: block; aspect-ratio: 1.95; overflow: hidden; background: #3a3025; }
.v-post-visual img { width: 100%; height: 100%; object-fit: cover; transition: transform .45s; }
.v-post-card:hover .v-post-visual img { transform: scale(1.045); }
.v-post-category { position: absolute; left: 16px; top: 16px; padding: 5px 9px; background: #191a18d9; color: #eed2ae; font-size: 8px; letter-spacing: .1em; border-radius: 5px; font-weight: 650; }
.v-post-no-image { display: grid; place-items: center; background: radial-gradient(ellipse at 45% 20%,#6c4b2a,#302b25); }
.v-post-no-image > .v-icon { position: relative; height: 46px; width: 46px; color: #c19a66; transform: rotate(-9deg); }
.v-post-pattern { position: absolute; width: 90px; height: 90px; background: #c19a6610; transform: rotate(-15deg); }
.v-post-content { padding: 21px 22px 24px; flex: 1; display: flex; flex-direction: column; align-items: flex-start; }
.v-post-content time { font-size: 9px; color: #aaa296; }
.v-post-content h3 { font-size: 18px; line-height: 1.35; margin: 8px 0 10px; overflow-wrap: anywhere; }
.v-post-content h3 a { color: #f8ecdd; }
.v-post-content h3 a:hover { color: var(--v-orange); }
.v-post-content p { font-size: 12px; line-height: 1.8; color: #a6a099; margin: 0 0 22px; overflow-wrap: anywhere; }
.v-post-content .v-text-link { margin-top: auto; }
.v-news-empty { grid-column: 1/-1; min-height: 345px; display: grid; grid-template-columns: 180px 1fr; align-items: center; gap: 30px; background: #1c1d1e; padding: 35px; border-radius: 16px; }
.v-empty-art { position: relative; width: 130px; height: 156px; margin: 0 auto; background: #2b2823; border-radius: 15px; transform: rotate(-10deg); display: grid; place-items: center; box-shadow: 12px 12px 0 #332a1e; }
.v-empty-art .v-icon { width: 54px; height: 54px; color: #ba9265; stroke-width: 1.05; }
.v-empty-art > span { position: absolute; top: -26px; right: -25px; color: #d19b5e; font-size: 48px; line-height: 1; }
.v-news-empty .v-small-label { color: #9e876c; font-size: 8px; }
.v-news-empty h3 { font-size: 26px; line-height: 1.25; margin: 13px 0 14px; }
.v-news-empty p { color: #a6a099; font-size: 12px; line-height: 1.85; max-width: 340px; margin: 0 0 21px; }
.v-community { position: relative; overflow: hidden; background: linear-gradient(135deg,#ad6d36,#805128); color: #ffe8c9; border-radius: 16px; padding: 26px 25px 23px; }
.v-community::after { content: ''; position: absolute; height: 210px; width: 210px; border-radius: 50%; background: #ffc8880d; top: -80px; right: -65px; pointer-events: none; }
.v-community > .v-small-label { color: #ffdeb6; font-size: 8px; letter-spacing: .13em; }
.v-community-icon { width: fit-content; margin: 21px 0 20px; position: relative; }
.v-community-icon > .v-icon { width: 39px; height: 39px; color: #ffe3bb; }
.v-community-icon > span { position: absolute; right: -28px; top: -12px; font-size: 19px; color: #ebc489; }
.v-community h3 { color: #fff0da; font-size: 22px; line-height: 1.25; margin-bottom: 12px; letter-spacing: -.035em; }
.v-community p { color: #efcfa8; font-size: 11px; line-height: 1.9; margin-bottom: 22px; }
.v-community-footnote { display: block; text-align: center; color: #e5c39b; font-size: 8px; margin-top: 13px; }
.v-pagination { margin-top: 28px; }
.v-server-section { padding-top: 24px; }
.v-server-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); gap: 20px; }
.v-server-grid h3 { font-size: 20px; }
/* Join section */
.v-join-section { padding-top: 45px; padding-bottom: 76px; }
.v-join-card { position: relative; background: linear-gradient(115deg,#28241e,#25211c); padding: 36px 39px; border-radius: 17px; overflow: hidden; }
.v-join-card::after { position: absolute; content: ''; height: 310px; width: 310px; right: -130px; bottom: -180px; border-radius: 50%; background: #a3743614; pointer-events: none; }
.v-join-top { display: flex; align-items: center; justify-content: space-between; }
.v-join-top .v-eyebrow { font-size: 9px; margin-bottom: 11px; }
.v-join-top h2 { font-size: 34px; margin-bottom: 12px; }
.v-join-top h2 > span { color: var(--v-orange); }
.v-join-top p:not(.v-eyebrow) { margin: 0; color: #b4a391; font-size: 12px; }
.v-join-star { width: 58px; height: 58px; color: #b28b54; stroke-width: 1; margin-right: 12px; transform: rotate(9deg); }
.v-join-bottom { display: grid; grid-template-columns: 1fr 310px; gap: 42px; margin-top: 30px; align-items: end; }
.v-join-steps { display: flex; flex-direction: column; gap: 18px; margin: 0; padding: 0; list-style: none; }
.v-join-steps li { display: flex; align-items: center; gap: 15px; }
.v-join-steps li > span { display: grid; place-items: center; width: 31px; height: 31px; border-radius: 9px; background: #423223; color: #efbe86; font-size: 10px; font-weight: 700; }
.v-join-steps strong { display: block; font-size: 12px; font-weight: 650; color: #e5d6c4; }
.v-join-steps small { display: block; font-size: 10px; color: #a49786; margin-top: 1px; }
.v-copy-card { display: flex; flex-direction: column; align-items: center; background: #ffc382; color: #50321a; padding: 23px 24px 18px; border-radius: 13px; margin-top: -62px; position: relative; z-index: 1; }
.v-copy-card .v-small-label { color: #7a542e; font-size: 8px; }
.v-copy-card code { color: #382617; display: block; font-family: var(--v-heading-font); font-size: 28px; font-weight: 750; line-height: 1.2; letter-spacing: -.04em; margin: 11px 0 18px; overflow-wrap: anywhere; text-align: center; max-width: 100%; user-select: all; }
.v-copy-card .btn { width: 100%; font-size: 11px; }
.v-copy-card > small { font-size: 9px; color: #7d562f; margin-top: 10px; }
.v-copy-card small > span { padding: 0 5px; }
/* Footer */
.v-footer { margin-top: auto; background: #101112; padding: 39px 0 19px; }
.v-footer-main { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.v-brand-small { font-size: 23px; gap: 10px; }
.v-brand-small .v-brand-symbol { width: 25px; height: 29px; flex-basis: 25px; }
.v-brand-small .v-brand-image { height: 42px; max-width: 145px; }
.v-footer-brand p { color: #827b72; font-size: 10px; margin: 13px 0 0; }
.v-footer-links { display: flex; flex-wrap: wrap; gap: 24px; align-items: center; justify-content: flex-end; }
.v-footer-links a { font-size: 11px; color: #aca399; }
.v-footer-links a:hover { color: #efb77f; }
.v-socials { display: flex; gap: 8px; }
.v-socials a { display: grid; place-items: center; width: 32px; height: 32px; background: #201f1d; border-radius: 8px; color: #c9a47d; font-size: 14px; }
.v-footer-bottom { display: flex; align-items: center; gap: 20px; justify-content: space-between; margin-top: 36px; color: #77716a; font-size: 9px; }
.v-footer-bottom p { margin: 0; }
.v-footer-bottom a { color: #ab9277; }
.v-powered { text-align: center; }
/* Native content: no decorative borders; keyboard focus remains visible. */
.v-content { padding-top: 45px; padding-bottom: 70px; min-height: 62vh; }
.v-content h1, .v-content .h1 { color: var(--v-ink); background: none; text-transform: none; font-size: clamp(28px,4vw,40px); padding: 0; margin-bottom: 30px; }
.vanelys-site .card { --bs-card-bg: #1d1e20; --bs-card-color: var(--v-ink); --bs-card-cap-bg: #242426; --bs-card-border-width: 0; background: #1d1e20; color: var(--v-ink); border: 0; border-radius: 14px; box-shadow: none; overflow: hidden; }
.vanelys-site .card-header, .vanelys-site .card-footer { background: #242426; padding: 18px 24px; border: 0; }
.vanelys-site .card-body { padding: 26px; }
.vanelys-site .card-title { color: var(--v-ink); }
.vanelys-site .text-muted, .vanelys-site .text-secondary { color: #aaa49d !important; }
.vanelys-site .bg-white, .vanelys-site .bg-light, .vanelys-site .bg-body-secondary { background-color: #222325 !important; color: var(--v-ink); }
.vanelys-site .text-bg-light { background-color: #2a2a2a !important; color: var(--v-ink) !important; }
.vanelys-site .shadow, .vanelys-site .shadow-sm, .vanelys-site .shadow-lg { box-shadow: none !important; }
.vanelys-site :is(.form-control,.form-select,.input-group-text) { background-color: #28292b; border: 0; color: var(--v-ink); padding: 12px 14px; border-radius: 9px; box-shadow: none; }
.vanelys-site .form-control::placeholder { color: #8c8883; }
.vanelys-site .form-control:focus, .vanelys-site .form-select:focus { background-color: #34302a; color: var(--v-ink); box-shadow: inset 0 -3px 0 #d49a61; }
.vanelys-site :is(.form-control,.form-select):disabled { background: #202123; color: #8f8b86; }
.vanelys-site .form-label { font-size: 13px; color: #d4cbbf; }
.vanelys-site .form-text { color: #a8a099; }
.vanelys-site .form-check-input { background-color: #3b3a36; border: 0; }
.vanelys-site .form-check-input:checked { background-color: #d28c49; }
.vanelys-site .form-check-input:focus-visible { filter: brightness(1.4); box-shadow: none; }
.vanelys-site .is-invalid { box-shadow: inset 0 -3px 0 #df8580; }
.vanelys-site .is-valid { box-shadow: inset 0 -3px 0 #9aba84; }
.vanelys-site .dropdown-menu { --bs-dropdown-bg: #272829; --bs-dropdown-color: #e9dfd2; --bs-dropdown-link-color: #e9dfd2; --bs-dropdown-link-hover-bg: #393028; --bs-dropdown-link-hover-color: #ffd5a9; --bs-dropdown-link-active-bg: #634327; --bs-dropdown-link-active-color: #ffe3c5; padding: 8px; border: 0; border-radius: 12px; background: #272829; box-shadow: 0 12px 34px #0005; }
.vanelys-site .dropdown-item { padding: 9px 13px; border-radius: 7px; font-size: 12px; color: #e9dfd2; }
.vanelys-site .dropdown-item:hover, .vanelys-site .dropdown-item:focus { color: #ffd5a9; background: #393028; }
.vanelys-site .dropdown-item.active { background: #634327; color: #ffe3c5; }
.vanelys-site .modal-content, .vanelys-site .offcanvas { background: #222325; color: #f4e9dd; border: 0; border-radius: 16px; }
.vanelys-site .modal-header, .vanelys-site .modal-footer { border: 0; padding: 22px; }
.vanelys-site .modal-body { padding: 22px; }
.vanelys-site .modal-backdrop { background: #000; }
.vanelys-site .btn-close { filter: invert(1) grayscale(1); box-shadow: none; }
.vanelys-site .list-group { --bs-list-group-bg: #222325; --bs-list-group-color: #e9dfd2; --bs-list-group-action-hover-bg: #322c25; --bs-list-group-action-hover-color: #ffe4c7; --bs-list-group-active-bg: #6a4527; --bs-list-group-active-color: #fff0df; --bs-list-group-border-width: 0; }
.vanelys-site .list-group-item { border: 0; }
.vanelys-site .table { --bs-table-color: #ded3c6; --bs-table-bg: transparent; --bs-table-striped-bg: #ffffff04; --bs-table-hover-bg: #b4773930; --bs-table-hover-color: #ffe3be; --bs-table-striped-color: #ded3c6; }
.vanelys-site .table > :not(caption) > * > * { border-bottom-width: 0; padding: 14px; }
.vanelys-site .table thead { color: #f6d3aa; background: #292622; }
.vanelys-site .page-link { --bs-pagination-bg: #252627; --bs-pagination-color: #cdbba6; --bs-pagination-hover-bg: #3b3025; --bs-pagination-hover-color: #ffcc99; background: #252627; color: #cdbba6; border: 0; border-radius: 7px; margin: 0 3px; }
.vanelys-site .active > .page-link, .vanelys-site .page-link.active { background: var(--v-orange); color: #291b10; }
.vanelys-site .disabled > .page-link { background: #1c1d1e; color: #75716d; }
.vanelys-site .breadcrumb { background: transparent; font-size: 12px; padding: 0; }
.vanelys-site .breadcrumb-item.active { color: #ac9e8b; }
.vanelys-site .alert { border: 0; border-radius: 11px; padding: 17px 20px; }
.vanelys-site .alert-info { background: #263440; color: #c1d9ec; }
.vanelys-site .alert-warning { background: #423322; color: #f8d5a4; }
.vanelys-site .alert-success { background: #2b372c; color: #c3e0b7; }
.vanelys-site .alert-danger { background: #3e2928; color: #efbbb8; }
.vanelys-site .btn-secondary, .vanelys-site .btn-outline-secondary { color: #e9dfd2; background: #333132; }
.vanelys-site .btn-outline-primary { color: #f6bc83; background: #3b2a1e; }
.vanelys-site .btn-outline-primary:hover { color: #301e11; background: #ffb66e; }
.vanelys-site .nav-tabs { border: 0; gap: 7px; }
.vanelys-site .nav-tabs .nav-link { border: 0; border-radius: 8px; background: #262626; color: #c5b9aa; }
.vanelys-site .nav-tabs .nav-link.active { background: #58402a; color: #ffdab6; }
.vanelys-site .progress { --bs-progress-bg: #34302a; height: 7px; }
.vanelys-site .progress-bar { background: var(--v-orange); }
.vanelys-site .accordion { --bs-accordion-bg: #222325; --bs-accordion-color: #e9dfd2; --bs-accordion-btn-bg: #292829; --bs-accordion-btn-color: #e9dfd2; --bs-accordion-active-bg: #3f3023; --bs-accordion-active-color: #ffe2be; --bs-accordion-border-width: 0; }
.vanelys-site .accordion-button:focus { box-shadow: none; }
.vanelys-site .accordion-button:not(.collapsed) { box-shadow: none; }
/* Toast: native cursor is never hidden; copy errors include a selectable address. */
.v-toast { position: fixed; bottom: 26px; left: 50%; transform: translate(-50%,12px); opacity: 0; pointer-events: none; max-width: min(470px,calc(100vw - 32px)); padding: 13px 20px; border-radius: 11px; background: #ffd0a0; color: #3e2713; font-size: 12px; font-weight: 600; line-height: 1.55; z-index: 10000; text-align: center; transition: opacity .2s,transform .2s; }
.v-toast.is-visible { transform: translate(-50%,0); opacity: 1; pointer-events: auto; }
.v-toast.is-error { background: #3a2e24; color: #ffe1ba; user-select: text; }
/* Native SVG cursor: no requestAnimationFrame loop, no cursor:none, no tracking lag. */
@media (hover: hover) and (pointer: fine) {
    .v-custom-cursor, .v-custom-cursor body { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M3 2v23l6-6 5 10 4-2-5-10h10Z' fill='%23ffb36a' stroke='%232d2118' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, auto; }
    .v-custom-cursor :is(a,button,[role="button"],input[type="submit"],input[type="button"],input[type="checkbox"],input[type="radio"],select,label[for]) { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='32' viewBox='0 0 28 32'%3E%3Cpath d='M3 2v23l6-6 5 10 4-2-5-10h10Z' fill='%23ffe2bd' stroke='%239f5d2c' stroke-width='1.5' stroke-linejoin='round'/%3E%3C/svg%3E") 3 2, pointer; }
    .v-custom-cursor :is(input:not([type="button"]):not([type="submit"]):not([type="checkbox"]):not([type="radio"]),textarea,[contenteditable="true"]) { cursor: text; }
}
/* Responsive */
@media (min-width: 1440px) {
    .v-hero-inner { min-height: 610px; }
    .v-hero-art { height: 550px; }
}
@media (max-width: 1199px) {
    .v-main-nav { gap: 0; }
    .v-navbar .nav-link { padding-left: 11px !important; padding-right: 11px !important; }
    .v-account-nav { gap: 13px; }
    .v-hero-inner { min-height: 552px; grid-template-columns: 1.04fr 1fr; }
    .v-hero h1 { font-size: 55px; }
    .v-hero-description { max-width: 380px; font-size: 13px; }
    .v-hero-art { height: 470px; margin-right: -8px; }
    .v-art-tag { left: 24%; top: -4px; font-size: 7px; }
    .v-art-note { bottom: 48px; right: 2%; }
    .v-hero .v-button-large { padding: 14px 18px; font-size: 12px; }
    .v-hero .v-button-quiet { padding: 13px 15px; font-size: 11px; }
    .v-news-layout { grid-template-columns: minmax(0,1fr) 275px; gap: 17px; }
    .v-news-empty { grid-template-columns: 100px 1fr; gap: 24px; padding: 29px 25px; }
    .v-empty-art { width: 90px; height: 115px; }
    .v-news-empty h3 { font-size: 23px; }
    .v-community { padding: 24px 21px; }
    .v-posts { gap: 16px; }
    .v-post-content { padding: 19px 18px; }
}
@media (max-width: 991px) {
    .v-navbar { min-height: 85px; padding: 16px 0; }
    .v-navbar > .container { position: relative; }
    .v-navbar .navbar-collapse { margin-top: 16px; padding: 16px; background: #1b1c1d; border-radius: 13px; }
    .v-main-nav { gap: 2px; }
    .v-navbar .nav-link { padding: 11px 13px !important; }
    .v-account-nav { align-items: stretch; gap: 12px; margin-top: 15px; }
    .v-account-link { padding-left: 12px; }
    .v-nav-play { width: 100%; }
    .v-navbar .dropdown-menu { margin-bottom: 8px; }
    .v-hero-inner { min-height: 486px; grid-template-columns: 1fr 1fr; padding-top: 16px; padding-bottom: 28px; }
    .v-hero h1 { font-size: 46px; }
    .v-hero-copy { padding-top: 14px; }
    .v-hero-description { max-width: 330px; font-size: 12px; margin-bottom: 23px; }
    .v-hero .v-eyebrow { font-size: 9px; }
    .v-hero-art { height: 405px; margin-right: -27px; margin-left: -30px; }
    .v-art-tag { top: -3px; left: 19%; font-size: 6px; }
    .v-art-sun { width: 205px; height: 205px; top: 50px; left: 28%; }
    .v-art-note { bottom: 40px; right: 7%; padding: 8px 12px; font-size: 9px; }
    .v-hero-connect { gap: 8px; margin-top: 18px; }
    .v-hero-meta { font-size: 9px; }
    .v-hero-actions { gap: 7px; }
    .v-hero .v-button-large { min-height: 44px; }
    .v-hero .v-button-quiet { background: transparent; padding-left: 0; min-height: 36px; }
    .v-universe { padding-top: 44px; }
    .v-section-heading h2 { font-size: 29px; }
    .v-section-heading > p { font-size: 11px; }
    .v-feature { padding: 21px; min-height: 234px; }
    .v-feature h3 { font-size: 16px; }
    .v-feature p { font-size: 11px; }
    .v-features { gap: 12px; }
    .v-news-layout { grid-template-columns: minmax(0,1fr) 235px; gap: 15px; }
    .v-posts { grid-template-columns: 1fr; }
    .v-news-empty { display: flex; align-items: flex-start; gap: 22px; padding: 28px; }
    .v-empty-art { display: none; }
    .v-news-empty h3 { font-size: 25px; }
    .v-community { padding: 24px 20px; }
    .v-community h3 { font-size: 20px; }
    .v-join-card { padding: 29px; }
    .v-join-bottom { grid-template-columns: 1fr 260px; gap: 25px; }
    .v-copy-card { margin-top: 0; }
    .v-join-top h2 { font-size: 30px; }
    .v-join-star { width: 40px; height: 40px; }
    .v-footer-links { gap: 15px; }
    .v-footer-main { flex-wrap: wrap; }
}
@media (max-width: 767px) {
    .vanelys-site .container { padding-left: 23px; padding-right: 23px; }
    .v-announcement { font-size: 9px; gap: 6px; min-height: 34px; }
    .v-announcement a { display: none; }
    .v-announcement .v-icon { width: 11px; height: 11px; }
    .v-navbar { min-height: 82px; padding: 14px 0; }
    .v-brand { font-size: 26px; gap: 10px; }
    .v-brand-symbol { width: 28px; height: 32px; flex-basis: 28px; }
    .v-brand-image { height: 46px; max-width: 148px; }
    .v-hero-inner { display: flex; flex-direction: column; min-height: auto; padding-top: 22px; padding-bottom: 3px; }
    .v-hero-copy { padding: 0; text-align: center; width: 100%; max-width: 490px; }
    .v-hero .v-eyebrow { justify-content: center; margin-bottom: 18px; font-size: 8px; }
    .v-hero h1 { font-size: clamp(39px,7.6vw,55px); line-height: 1.12; letter-spacing: -.05em; max-width: 460px; margin: 0 auto 20px; }
    .v-hero h1 > span { max-width: 390px; margin: 0 auto; }
    .v-hero-description { max-width: 360px; margin: 0 auto 25px; font-size: 12px; line-height: 1.9; }
    .v-hero-actions { justify-content: center; gap: 9px; }
    .v-hero .v-button-large { font-size: 11px; padding: 14px 18px; }
    .v-hero .v-button-quiet { font-size: 10px; background: #222221; padding: 13px; }
    .v-hero .v-button-quiet .v-icon { display: none; }
    .v-hero-connect { justify-content: center; gap: 12px; margin-top: 20px; }
    .v-hero-art { width: min(calc(100% + 20px),500px); height: 375px; margin: 18px -10px 0; }
    .v-art-tag { top: -6px; left: 22%; font-size: 7px; }
    .v-art-sun { width: 220px; height: 220px; left: 36%; top: 25px; }
    .v-art-note { right: 8%; bottom: 20px; font-size: 9px; }
    .v-hero-bottom { padding: 5px 0 16px; min-height: 35px; justify-content: center; }
    .v-hero-signature { display: none; }
    .v-scroll-hint { font-size: 9px; }
    .v-hero-bottom .v-live-status { font-size: 9px; }
    .v-hero-has-banner .v-hero-art { height: 215px; min-height: 215px; width: 100%; }
    .v-hero-has-banner .v-art-tag { display: none; }
    .v-hero-banner img { object-position: 65% 70%; }
    .v-hero-banner::after { background: linear-gradient(180deg,#131415 0,#131415ee 28%,#13141535 72%,#131415 100%); }
    .v-universe { padding-top: 38px; padding-bottom: 27px; }
    .v-section-heading { align-items: flex-start; flex-direction: column; gap: 13px; margin-bottom: 23px; }
    .v-section-heading h2 { font-size: 28px; }
    .v-section-heading > p { font-size: 11px; }
    .v-section-heading > p br { display: none; }
    .v-section-aside { font-size: 10px; }
    .v-features { grid-template-columns: 1fr; gap: 11px; }
    .v-feature { flex-direction: row; min-height: unset; padding: 22px; gap: 18px; align-items: flex-start; }
    .v-feature-icon { flex: 0 0 42px; margin: 2px 0 0; }
    .v-feature h3 { font-size: 17px; padding-right: 20px; }
    .v-feature p { max-width: none; font-size: 11px; }
    .v-feature-number { top: 24px; right: 22px; font-size: 8px; }
    .v-news-section { padding-top: 33px; padding-bottom: 22px; }
    .v-news-layout { grid-template-columns: 1fr; gap: 17px; }
    .v-posts { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    .v-news-empty { min-height: 260px; padding: 30px; }
    .v-news-empty h3 { font-size: 25px; }
    .v-news-empty p { font-size: 12px; }
    .v-community { padding: 28px; display: grid; grid-template-columns: 1fr auto; column-gap: 25px; }
    .v-community > .v-small-label { grid-column: 1; margin-bottom: 15px; }
    .v-community-icon { grid-column: 2; grid-row: 1/3; align-self: center; margin: 0 20px 0 0; }
    .v-community h3 { grid-column: 1; font-size: 25px; }
    .v-community p, .v-community .btn, .v-community-footnote { grid-column: 1/-1; }
    .v-community p { font-size: 12px; max-width: 350px; }
    .v-community .btn { width: fit-content; padding: 13px 20px; }
    .v-community-footnote { text-align: left; font-size: 9px; }
    .v-join-section { padding-top: 29px; padding-bottom: 46px; }
    .v-join-card { padding: 28px; }
    .v-join-top h2 { font-size: 29px; }
    .v-join-top p:not(.v-eyebrow) { font-size: 11px; max-width: 250px; }
    .v-join-star { display: none; }
    .v-join-bottom { grid-template-columns: 1fr; gap: 26px; margin-top: 26px; }
    .v-copy-card { padding: 23px 24px 18px; }
    .v-copy-card code { font-size: 31px; }
    .v-join-steps { gap: 16px; }
    .v-footer { padding: 31px 0 21px; }
    .v-footer-main { align-items: flex-start; flex-direction: column; gap: 25px; }
    .v-footer-links { justify-content: flex-start; gap: 17px; }
    .v-footer-links a { font-size: 10px; }
    .v-footer-bottom { margin-top: 27px; flex-direction: column; align-items: flex-start; gap: 8px; }
    .v-powered { text-align: left; }
    .v-content { padding-top: 25px; padding-bottom: 40px; }
    .vanelys-site .card-body { padding: 21px; }
}
@media (max-width: 420px) {
    .v-hero h1 { font-size: 43px; }
    .v-hero-art { height: 318px; margin-top: 18px; }
    .v-art-note { right: 4%; bottom: 14px; }
    .v-art-tag { left: 16%; font-size: 6px; }
    .v-art-sun { width: 188px; height: 188px; top: 12px; }
    .v-hero-meta { font-size: 8px; }
    .v-hero-actions { gap: 7px; }
    .v-hero .v-button-large { padding: 13px 16px; }
    .v-hero .v-button-quiet { padding: 13px 11px; }
    .v-posts { grid-template-columns: 1fr; }
    .v-news-empty { padding: 26px; }
    .v-feature { padding: 20px; gap: 15px; }
    .v-feature-number { display: none; }
    .v-community { display: block; }
    .v-community-icon { margin: 23px 0 17px; }
    .v-community .btn { width: 100%; }
    .v-community-footnote { text-align: center; }
    .v-join-card { padding: 25px; }
    .v-join-top h2 { font-size: 27px; }
    .v-join-top .v-eyebrow { font-size: 8px; }
}
@media (max-width: 359px) {
    .vanelys-site .container { padding-left: 17px; padding-right: 17px; }
    .v-hero h1 { font-size: 38px; }
    .v-hero-description { font-size: 11px; }
    .v-hero-art { height: 290px; }
    .v-hero-actions { flex-direction: column; align-items: stretch; }
    .v-section-heading h2 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .vanelys-site *, .vanelys-site *::before, .vanelys-site *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .v-island-holder { transform: none !important; }
    .v-feature:hover, .vanelys-site .btn:hover { transform: none; }
}
@media (forced-colors: active) {
    .vanelys-site :is(a,button,input,select,textarea):focus-visible { outline: 2px solid Highlight; }
    .vanelys-site .btn { border: 1px solid ButtonText !important; }
}