:root {
  --body-bg-color: #f8fafc;
  --body-text-color: #ffffff;
  --heading-color: #ffffff;
  --hero-gradient1: #ffffff;
  --hero-gradient2: #ffffff;
  --footer-bg-color: #0d0d0dad;
  --link-color: #C1DEE2;
  --header-bg-color: #ffffff;
  --font-family: system-ui;
  --nav-link-color: #ffffff;
  --footer-text-color: #ffffff;
  --header-text-color: #ffffffff;
}
html {
  overflow-x: hidden;
}
body {
  background-color: var(--body-bg-color);
  color: var(--body-text-color) !important;
  font-family: "Playfair Display", "Didot", "Bodoni MT", serif;
  line-height: 1.6;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  background-image:
  linear-gradient(rgba(0, 0, 0, 0.582), rgba(0, 0, 0, 0.329)),
    url("/images/food-bg.webp");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.hero-section {
  padding: 115px 0 30px;
  position: relative;
  overflow: hidden;
  color: var(--header-text-color);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.671);
}
.hero-section.with-bg {
  background-image: url('/images/bg-food.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.hero-section.with-bg::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(135deg, rgba(0, 0, 0, 0.548));
  opacity: 0.5;
  z-index: 1;
}
.hero-section .container {
  position: relative;
  z-index: 2;
}
@media (max-width: 768px) {
  .hero-section {
    padding: 100px 0 30px;
  }
}
h1 {
    font-size: clamp(2rem, 4vw, 2.5rem) !important;
    font-weight: 800;
    color: #C1DEE2;
}
h2 {
    font-size: clamp(1.6rem, 3vw, 2rem) !important;
    font-weight: 700;
    color: #C1DEE2;
}
h3 {
    font-size: clamp(1.4rem, 3vw, 1.7rem) !important;
}
p {
  font-size: 18px;
  margin-bottom: 0.5rem !important;
}
  section {
  padding: 15px 0;
  scroll-margin-top: 70px;
}
h2, h3 {
  color: var(--heading-color) !important;
}
.content-area a {
  color: var(--link-color);
  text-decoration: underline;
}
.content-area a:hover {
  color: var(--link-color) !important;
  opacity: 0.8;
}
      .sidebar-page-list {
  padding: 0;
  margin: 0;
  margin-bottom: 17px;
  width: 279px;
}
.sidebar-page-list li {
  list-style-type: disc;
  list-style-position: inside;
  color: var(--heading-color);
}
.sidebar-page-list li::marker {
  color: var(--link-color);
  font-size: 1.2em;
}
.sidebar-page-list li:last-child {
  border-bottom: none;
}
.sidebar-page-list li a {
  padding: 12px 0;
  text-decoration: none;
  font-weight: 500;
  transition: all 0.3s ease;
  position: relative;
  color: var(--link-color);
}
.sidebar-page-list li a:hover {
  padding-left: 11px;
}
      .twitter-tweet {
  width: 279px !important;
}
.x {
  display: flex;
  justify-content: center;
}
.error_page {
  min-height: 70vh;
}
.footer {
  background: var(--footer-bg-color);
  color: var(--footer-text-color);
  border-top: 1px solid var(--link-color);
}
.footer a {
  text-decoration: none;
  color: var(--footer-text-color) !important;
}
.footer-title {
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 1rem;
  position: relative;
  color: var(--footer-text-color) !important;
}
.footer-links {
  list-style: none;
  padding: 0;
  margin: 0;
}
.footer-links li {
  margin-bottom: 0.6rem;
}
.footer-links a {
  text-decoration: none;
  transition: all 0.3s ease;
}
.footer-links a:hover {
  padding-left: 6px;
}
.newsletter-form {
  display: flex;
  flex-direction: column;
  gap: 0.6rem;
  margin-top: 1rem;
}
.newsletter-form input {
  flex: 1;
  padding: 0.6rem 0.9rem;
  border-radius: 8px;
  border: 0;
  outline: 0;
  background: color-mix(in srgb, var(--footer-bg-color) 80%, white 20%);
  color: var(--footer-text-color);
}
.newsletter-form input::placeholder {
  color: var(--footer-text-color);
}
.newsletter-form button {
  padding: 0.6rem 1.1rem;
  border-radius: 8px;
  border: 0;
  font-weight: 600;
  background: var(--link-color);
  color: var(--footer-text-color);
  transition: all 0.3s ease;
}
.newsletter-form button:hover {
  background: color-mix(in srgb, var(--link-color) 80%, white 20%);
}
.footer-divider {
  margin: 1.5rem 0;
  border-color: var(--link-color);
}
.social-icons {
  display: flex;
  gap: 0.75rem;
  margin-top: 17px;
}
.social-icons span {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  color: var(--footer-text-color);
  background-color: color-mix(in srgb, var(--footer-bg-color), white 20%);
  font-size: 1.2rem;
  text-decoration: none;
  transition:
    background-color 0.25s ease,
    transform 0.25s ease;
}
.social-icons span:hover {
  background: linear-gradient(
    135deg,
    var(--link-color),
    var(--footer-text-color)
  );
  transform: translateY(-2px);
} 
.footer img {
        filter: brightness(0) invert(1);
      }
 .navbar {
  background-color: transparent !important;
  transition: background-color 0.4s ease, box-shadow 0.3s ease;
  position: absolute; 
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
}
.navbar.scrolled {
  background-color: var(--header-bg-color) !important;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
  .navbar-light .navbar-nav .nav-link {
    color: var(--nav-link-color, #141414) !important;
  }
  .navbar-light .navbar-nav .nav-link.active {
  color: var(--link-color) !important;
  font-weight: bold;
}
@media (max-width: 1199.98px) {
  .navbar-collapse {
    position: fixed;
    top: 61px;
    left: 15px;
    right: 15px;
    background-color: color-mix(in srgb, var(--header-bg-color) 65%, transparent);
    backdrop-filter: blur(12px);
    border-radius: 12px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15);
    z-index: 9999;
    padding: 15px;
    margin: 0;
  }
  .navbar-nav {
    width: 100%;
  }
  .navbar-nav .nav-item {
    margin: 7px 0;
  }
  .navbar-nav .nav-item:hover {
    transform: translateY(-1px);
  }
  .navbar-nav .nav-link {
    font-size: 1.2rem;
    font-weight: 500;
    text-decoration: none;
    display: block;
    padding: 0;
  }
  .navbar-toggler {
    z-index: 10000;
    position: relative;
    border: var(--bs-border-width) solid var(--nav-link-color, #141414) !important;
  }
}
.custom-dropdown {
  border: 0;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.15);
  border-radius: 12px;
  padding: 0.5rem 0;
  margin-top: 0.5rem;
  min-width: 220px;
  background: color-mix(
    in srgb,
    var(--header-bg-color) 65%,
    transparent
  ) !important;
  backdrop-filter: blur(12px);
}
.custom-dropdown .dropdown-item {
  padding: 0.75rem 1.5rem;
  transition: all 0.3s ease;
  color: var(--nav-link-color, #141414) !important;
  font-weight: 500;
  border-radius: 0;
  text-wrap: wrap;
}
.dropdown-menu {
  display: none;
}
.custom-dropdown .dropdown-item:hover {
  color: #fff;
  background: color-mix(
    in srgb,
    var(--header-bg-color) 95%,
    transparent
  ) !important;
}
.nav-item.dropdown > .nav-link {
  display: flex;
  align-items: center;
}
.nav-item.dropdown > .nav-link .arrow {
  position: relative;
  margin-left: auto;
  border: solid var(--nav-link-color, #141414);
  border-width: 0 2px 2px 0;
  padding: 3px;
  transform: rotate(45deg);
  transition: transform 0.25s;
}
.dropdown.open .dropdown-menu {
  display: block;
}
@media (min-width: 1200px) {
  .nav-item.dropdown {
    position: relative;
  }
  .nav-item.dropdown > .nav-link .arrow {
    margin-left: 7px;
  }
  .custom-dropdown.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    margin-top: 0;
    z-index: 1000;
  }
  .nav-item.dropdown:hover > .nav-link .arrow {
    transform: rotate(-135deg);
  }
  .nav-item.dropdown:hover > .dropdown-menu {
    display: block !important;
  }
}
@media (max-width: 1199px) {
  .nav-item.dropdown > .nav-link .arrow {
    padding: 4px;
  }
}
.restaurant-anchor{
    --bg-0: #06090c;
    --bg-1: rgba(10, 14, 18, .70);
    --glass: rgba(255, 255, 255, .08);
    --glass-2: rgba(255, 255, 255, .12);
    --stroke: rgba(255, 255, 255, .14);
    --text: rgba(255, 255, 255, .92);
    --muted: rgba(255, 255, 255, .74);
    --accent-green: rgba(111, 187, 89, .95); 
    --accent-red: rgba(226, 74, 74, .95);    
    --accent-cyan: rgba(120, 214, 210, .85); 
    --shadow: 0 18px 60px rgba(0,0,0,.55);
  }
  .restaurant-anchor::before,
  .restaurant-anchor::after{
    content:"";
    position:absolute;
    inset:-20%;
    pointer-events:none;
    filter: blur(15px);
    opacity: .75;
    animation: auroraDrift 14s ease-in-out infinite alternate;
    transform: translate3d(0,0,0) rotate(0deg);
  }
  .restaurant-anchor::after{
    opacity: .55;
    filter: blur(26px);
    animation-duration: 18s;
    animation-direction: alternate-reverse;
    mix-blend-mode: screen;
  }
  @keyframes auroraDrift{
    0%   { transform: translate3d(-2%, -1%, 0) rotate(-2deg) scale(1.02); }
    50%  { transform: translate3d( 2%,  1%, 0) rotate( 1deg) scale(1.06); }
    100% { transform: translate3d( 5%, -2%, 0) rotate( 3deg) scale(1.10); }
  }
  .restaurant-anchor .glass-shell{
    position: relative;
    border-radius: 22px;
    border: 1px solid var(--stroke);
    box-shadow: var(--shadow);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(12px);
    overflow: hidden;
  }
  .restaurant-anchor .glass-shell::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
    opacity: .20;
    mix-blend-mode: overlay;
  }
  .restaurant-anchor .glass-shell::after{
    content:"";
    position:absolute;
    inset:-40% -30%;
    pointer-events:none;
    background:
      radial-gradient(700px 280px at 30% 20%, rgba(255,255,255,.18), transparent 60%),
      radial-gradient(520px 240px at 80% 35%, rgba(255,255,255,.10), transparent 62%);
    transform: rotate(8deg);
    animation: shimmer 9s ease-in-out infinite alternate;
    opacity: .7;
  }
  @keyframes shimmer{
    0%   { transform: translate3d(-2%, -1%, 0) rotate(8deg); opacity:.55; }
    100% { transform: translate3d( 2%,  2%, 0) rotate(10deg); opacity:.80; }
  }
  .restaurant-anchor h2{
    letter-spacing: .3px;
    text-shadow: 0 8px 26px rgba(0,0,0,.55);
  }
  .restaurant-anchor p{
    color: var(--muted);
    line-height: 1.75;
    text-shadow: 0 6px 18px rgba(0,0,0,.45);
  }
  .restaurant-anchor .box-one{
    position: relative;
    padding: 1.35rem 1.25rem 1.2rem;
    border-radius: 18px;
    background:
      linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.05));
    border: 1px solid rgba(255,255,255,.14);
    box-shadow: 0 16px 48px rgba(0,0,0,.45);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    transform: translateZ(0);
    transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    overflow: hidden;
  }
  .restaurant-anchor .box-one::before{
    content:"";
    position:absolute;
    inset:-60% -40%;
    background:
      radial-gradient(360px 240px at 30% 25%, rgba(111,187,89,.18), transparent 60%),
      radial-gradient(320px 240px at 75% 35%, rgba(226,74,74,.16), transparent 62%),
      radial-gradient(340px 260px at 55% 85%, rgba(120,214,210,.12), transparent 62%);
    filter: blur(18px);
    opacity: .55;
    animation: boxGlow 10s ease-in-out infinite alternate;
    pointer-events:none;
  }
  @keyframes boxGlow{
    0%   { transform: translate3d(-2%, -1%, 0) scale(1.02); opacity:.45; }
    100% { transform: translate3d( 2%,  2%, 0) scale(1.07); opacity:.65; }
  }
  .restaurant-anchor .box-one:hover{
    transform: translateY(-4px);
    border-color: rgba(255,255,255,.22);
    box-shadow: 0 22px 70px rgba(0,0,0,.55);
  }
  .restaurant-anchor .box-one h3{
    margin-top: .15rem;
    margin-bottom: .65rem;
    color: var(--text);
    text-shadow: 0 10px 26px rgba(0,0,0,.55);
  }
  .restaurant-anchor .box-icon{
    width: 44px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    margin-bottom: .5rem;
    background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
    border: 1px solid rgba(255,255,255,.18);
    box-shadow:
      0 14px 40px rgba(0,0,0,.40),
      inset 0 1px 0 rgba(255,255,255,.18);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    position: relative;
    overflow: hidden;
  }
  .restaurant-anchor .box-icon::before{
    content:"";
    position:absolute;
    inset:-60% -60%;
    background:
      radial-gradient(120px 120px at 30% 35%, rgba(111,187,89,.40), transparent 62%),
      radial-gradient(120px 120px at 75% 40%, rgba(226,74,74,.34), transparent 62%);
    filter: blur(10px);
    opacity: .8;
    animation: iconFloat 6.5s ease-in-out infinite;
  }
  @keyframes iconFloat{
    0%   { transform: translate3d(-2%, -2%, 0) rotate(-6deg); }
    50%  { transform: translate3d( 3%,  2%, 0) rotate( 4deg); }
    100% { transform: translate3d(-1%,  3%, 0) rotate(-2deg); }
  }
  .restaurant-anchor .box-icon i{
    font-size: 1.25rem;
    position: relative;
    z-index: 1;
    color: rgba(255,255,255,.92);
    text-shadow: 0 10px 22px rgba(0,0,0,.45);
  }
  .restaurant-anchor .box-icon::after{
    content:"";
    position:absolute;
    top:-18px;
    left:-18px;
    width: 54px;
    height: 54px;
    background: radial-gradient(circle, rgba(255,255,255,.35), transparent 60%);
    transform: rotate(18deg);
    opacity: .55;
  }
  @media (max-width: 991.98px){
    .restaurant-anchor .glass-shell{ border-radius: 18px; }
    .restaurant-anchor .box-one{ border-radius: 16px; }
  }
.styled-section{
  --bg-0: #06090c;
  --glass-1: rgba(255,255,255,.10);
  --glass-2: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.16);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.74);
  --accent-green: rgba(111, 187, 89, .95);
  --accent-red: rgba(226, 74, 74, .95);
  --accent-cyan: rgba(120, 214, 210, .85);
  --shadow: 0 18px 70px rgba(0,0,0,.60);
  --shadow-soft: 0 10px 40px rgba(0,0,0,.40);
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  padding: clamp(1.25rem, 2vw + 1rem, 2.5rem);
  margin-block: 2rem;
  color: var(--text);
  background:
    radial-gradient(1100px 520px at 10% 15%, rgba(111,187,89,.14), transparent 58%),
    radial-gradient(900px 520px at 90% 20%, rgba(226,74,74,.12), transparent 60%),
    radial-gradient(1100px 700px at 50% 105%, rgba(120,214,210,.10), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.76)),
    var(--bg-0);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  transform: translateZ(0);
}
.styled-section::before,
.styled-section::after{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  filter: blur(22px);
  opacity: .70;
  transform: translate3d(0,0,0);
  mix-blend-mode: screen;
}
.styled-section::before{
 background: radial-gradient(320px 320px at 18% 28%, rgb(92 220 241), transparent 62%), radial-gradient(300px 300px at 82% 30%, rgba(226, 74, 74, .34), transparent 62%), radial-gradient(380px 360px at 55% 86%, rgba(120, 214, 210, .26), transparent 62%);
  animation: ss-aurora 14s ease-in-out infinite alternate;
}
.styled-section::after{
  background:
    radial-gradient(420px 340px at 25% 75%, rgba(226,74,74,.22), transparent 64%),
    radial-gradient(420px 340px at 78% 72%, rgba(111,187,89,.20), transparent 64%),
    radial-gradient(520px 420px at 55% 22%, rgba(255,255,255,.12), transparent 66%);
  animation: ss-aurora 18s ease-in-out infinite alternate-reverse;
  opacity: .55;
}
.styled-section{
  background-image:
    linear-gradient(180deg, var(--glass-1), var(--glass-2)),
    radial-gradient(1100px 520px at 10% 15%, rgba(111,187,89,.14), transparent 58%),
    radial-gradient(900px 520px at 90% 20%, rgba(226,74,74,.12), transparent 60%),
    radial-gradient(1100px 700px at 50% 105%, rgba(120,214,210,.10), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.52), rgba(0,0,0,.76));
}
.styled-section .ss-highlight{
  display:none; 
}
.styled-section > *{
  position: relative;
  z-index: 2;
}
.styled-section .ss-grain,
.styled-section::marker{
}
.styled-section .ss-grain{ display:none; }
.styled-section{
  background-blend-mode: overlay, normal, normal, normal, normal;
}
.styled-section::selection{ background: rgba(111,187,89,.28); }
.styled-section:focus-within{
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 22px 85px rgba(0,0,0,.66);
}
.styled-section h2{
  margin: 0 0 .85rem;
  letter-spacing: .25px;
  text-shadow: 0 10px 28px rgba(0,0,0,.55);
}
.styled-section p{
  margin: 0 0 .9rem;
  color: var(--muted);
  line-height: 1.75;
  text-shadow: 0 8px 22px rgba(0,0,0,.45);
}
.styled-section h3{
  margin: 1.15rem 0 .65rem;
  color: var(--text);
  text-shadow: 0 10px 26px rgba(0,0,0,.55);
  position: relative;
  padding-left: 2.35rem;
}
.styled-section h3::before{
  content:"";
  position:absolute;
  left: 0;
  top: .15rem;
  width: 1.65rem;
  height: 1.65rem;
  border-radius: 14px;
  background:
    radial-gradient(circle at 30% 35%, rgba(111,187,89,.42), transparent 62%),
    radial-gradient(circle at 75% 40%, rgba(226,74,74,.36), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    0 14px 34px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  animation: ss-iconFloat 6.5s ease-in-out infinite;
  overflow: hidden;
}
.styled-section h3::after{
  content:"";
  position:absolute;
  left: .15rem;
  top: .05rem;
  width: .75rem;
  height: .75rem;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.35), transparent 60%);
  opacity: .6;
  pointer-events:none;
}
.styled-section p{
  border-radius: 14px;
  padding: .85rem .95rem;
  background: linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.035));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow-soft);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.styled-section p:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.16);
  box-shadow: 0 16px 50px rgba(0,0,0,.50);
}
.styled-section h3{
  scroll-margin-top: 90px;
}
.styled-section h3 + p{
  margin-top: .55rem;
}
.styled-section{
  animation: ss-breathe 5.5s ease-in-out infinite;
}
.styled-section .ss-sheen{ display:none; }
.styled-section{
  outline: 1px solid transparent;
}
.styled-section{
  box-shadow:
    0 0 0 1px rgba(255,255,255,.06) inset,
    var(--shadow);
}
@keyframes ss-aurora{
  0%   { transform: translate3d(-2%, -1%, 0) rotate(-2deg) scale(1.02); }
  50%  { transform: translate3d( 2%,  1%, 0) rotate( 1deg) scale(1.06); }
  100% { transform: translate3d( 6%, -2%, 0) rotate( 3deg) scale(1.10); }
}
@keyframes ss-iconFloat{
  0%   { transform: translate3d(0,0,0) rotate(-6deg); }
  50%  { transform: translate3d(2px,-1px,0) rotate(4deg); }
  100% { transform: translate3d(-1px,2px,0) rotate(-2deg); }
}
@keyframes ss-breathe{
  0%,100% { filter: saturate(1.02) contrast(1.02); }
  50%     { filter: saturate(1.10) contrast(1.06); }
}
@media (prefers-reduced-motion: reduce){
  .styled-section,
  .styled-section::before,
  .styled-section::after,
  .styled-section h3::before{
    animation: none !important;
  }
  .styled-section p{
    transition: none !important;
  }
}
@media (max-width: 575.98px){
  .styled-section{
    border-radius: 18px;
  }
  .styled-section h3{
    padding-left: 2.1rem;
  }
}
.sidebar-linking{
  --glass-1: rgba(255,255,255,.10);
  --glass-2: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.14);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
  --accent-cyan: rgb(92 220 241);
  --accent-green: rgba(111, 187, 89, .95);
  --accent-red: rgba(226, 74, 74, .95);
  padding: 1.25rem 1.15rem;
  border-radius: 18px;
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  border: 1px solid var(--stroke);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
  transform: translateZ(0);
}
.sidebar-linking::before,
.sidebar-linking::after{
  content:"";
  position:absolute;
  inset:-30%;
  pointer-events:none;
  filter: blur(18px);
  opacity: .55;
}
.sidebar-linking::before{
  background:
    radial-gradient(260px 260px at 20% 25%, rgb(92 220 241 / .35), transparent 62%),
    radial-gradient(260px 260px at 80% 30%, rgba(226,74,74,.22), transparent 62%),
    radial-gradient(320px 320px at 55% 85%, rgba(111,187,89,.18), transparent 62%);
  animation: sidebarAurora 14s ease-in-out infinite alternate;
}
.sidebar-linking::after{
  background:
    radial-gradient(360px 300px at 35% 75%, rgba(255,255,255,.12), transparent 64%);
  opacity: .45;
  animation: sidebarAurora 18s ease-in-out infinite alternate-reverse;
}
@keyframes sidebarAurora{
  0%   { transform: translate3d(-2%, -1%, 0) rotate(-2deg) scale(1.02); }
  50%  { transform: translate3d( 2%,  1%, 0) rotate( 1deg) scale(1.06); }
  100% { transform: translate3d( 6%, -2%, 0) rotate( 3deg) scale(1.10); }
}
.sidebar-linking h3{
  position: relative;
  z-index: 2;
  margin: 0 0 1rem;
  color: var(--text);
  letter-spacing: .25px;
  text-shadow: 0 10px 24px rgba(0,0,0,.55);
}
.sidebar-linking h3::after{
  content:"";
  display:block;
  width: 64px;
  height: 2px;
  margin-top: .55rem;
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgb(92 220 241 / .85),
    rgba(226,74,74,.65),
    rgba(111,187,89,.55)
  );
  box-shadow: 0 10px 28px rgba(0,0,0,.45);
}
.page-list{
  position: relative;
  z-index: 2;
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: .55rem;
}
.page-list li a{
  display: flex;
  align-items: center;
  gap: .65rem;
  padding: .7rem .85rem;
  border-radius: 14px;
  text-decoration: none;
  color: var(--muted);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease;
  position: relative;
  overflow: hidden;
}
.page-list li a::before{
  content: "\F2E6"; 
  font-family: "bootstrap-icons";
  font-weight: normal;
  width: 28px;
  height: 28px;
  border-radius: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: rgba(255,255,255,.92);
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.16);
  box-shadow:
    0 14px 34px rgba(0,0,0,.45),
    inset 0 1px 0 rgba(255,255,255,.18);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  flex: 0 0 28px;
}
.page-list li a::after{
  content:"";
  position:absolute;
  inset:-30% -60%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.16), transparent);
  transform: translateX(-60%) rotate(12deg);
  opacity: .0;
  transition: opacity .25s ease;
}
.page-list li a:hover{
  transform: translateY(-2px);
  color: var(--text);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
.page-list li a:hover::after{
  opacity: .85;
  animation: sidebarShimmer .9s ease forwards;
}
@keyframes sidebarShimmer{
  0%   { transform: translateX(-60%) rotate(12deg); }
  100% { transform: translateX(60%) rotate(12deg); }
}
.page-list li a.active{
  color: var(--text);
  border-color: rgb(92 220 241 / .35);
  box-shadow: 0 18px 65px rgba(0,0,0,.55);
}
@media (prefers-reduced-motion: reduce){
  .sidebar-linking::before,
  .sidebar-linking::after{
    animation: none !important;
  }
  .page-list li a,
  .page-list li a::after{
    transition: none !important;
    animation: none !important;
  }
}
.search .sidebar-search{
  --glass-1: rgba(255,255,255,.10);
  --glass-2: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.14);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.70);
  --accent-cyan: rgb(92 220 241);
  margin: 0;
}
.search .search-wrap{
  position: relative;
  display: flex;
  align-items: center;
  gap: .55rem;
  padding: .6rem .6rem .6rem .75rem;
  border-radius: 16px;
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  border: 1px solid var(--stroke);
  box-shadow: 0 14px 48px rgba(0,0,0,.45);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  overflow: hidden;
}
.search .search-wrap::before{
  content:"";
  position:absolute;
  inset:-40%;
  pointer-events:none;
  background:
    radial-gradient(260px 260px at 25% 30%, rgb(92 220 241 / .18), transparent 62%),
    radial-gradient(240px 240px at 80% 55%, rgba(255,255,255,.10), transparent 64%);
  filter: blur(18px);
  opacity: .75;
  animation: sidebarSearchGlow 10s ease-in-out infinite alternate;
}
@keyframes sidebarSearchGlow{
  0%   { transform: translate3d(-2%, -1%, 0) scale(1.03); }
  100% { transform: translate3d( 3%,  2%, 0) scale(1.08); }
}
.search .search-wrap > *{
  position: relative;
  z-index: 2;
}
.search .search-wrap i{
  font-size: 1.05rem;
  color: rgba(255,255,255,.75);
  text-shadow: 0 10px 22px rgba(0,0,0,.45);
}
.search .search-wrap input{
  flex: 1 1 auto;
  min-width: 0;
  border: 0;
  outline: none;
  background: transparent;
  color: rgba(255,255,255,.80);
  font-size: .95rem;
  padding: .55rem .35rem;
}
.search .search-wrap input::placeholder{
  color: rgba(255,255,255,.55);
}
.search .search-wrap input:disabled{
  cursor: not-allowed;
  opacity: .95; 
}
.search .search-wrap button{
  border: 0;
  border-radius: 12px;
  padding: .55rem .85rem;
  font-size: .9rem;
  letter-spacing: .2px;
  color: rgba(255,255,255,.85);
  background: linear-gradient(135deg, rgb(92 220 241 / .18), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 14px 34px rgba(0,0,0,.35),
    inset 0 1px 0 rgba(255,255,255,.14);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.search .search-wrap button:disabled{
  opacity: .55;
  cursor: not-allowed;
}
.search .search-hint{
  display: block;
  margin-top: .45rem;
  font-size: .78rem;
  color: rgba(255,255,255,.55);
  text-shadow: 0 8px 18px rgba(0,0,0,.40);
}
@media (prefers-reduced-motion: reduce){
  .search .search-wrap::before{ animation: none !important; }
}
.styled-list{
  --glass-1: rgba(255,255,255,.10);
  --glass-2: rgba(255,255,255,.06);
  --stroke: rgba(255,255,255,.14);
  --text: rgba(255,255,255,.88);
  --accent-cyan: rgb(92 220 241);
  --accent-green: rgba(111, 187, 89, .95);
  --accent-red: rgba(226, 74, 74, .95);
  list-style: none;
  padding: 0;
  margin: 1rem 0;
  display: grid;
  gap: .65rem;
}
.styled-list li{
  position: relative;
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding: .85rem .95rem;
  border-radius: 16px;
  color: var(--text);
  line-height: 1.6;
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  border: 1px solid var(--stroke);
  box-shadow: 0 14px 48px rgba(0,0,0,.40);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
}
.styled-list li::before{
  content:"";
  position:absolute;
  inset:-45%;
  pointer-events:none;
  background:
    radial-gradient(240px 240px at 20% 35%, rgb(92 220 241 / .22), transparent 62%),
    radial-gradient(240px 240px at 80% 35%, rgba(226,74,74,.14), transparent 62%),
    radial-gradient(260px 260px at 55% 85%, rgba(111,187,89,.12), transparent 62%);
  filter: blur(18px);
  opacity: .75;
  animation: styledListGlow 10s ease-in-out infinite alternate;
}
.styled-list li{
  padding-left: .95rem;
}
.styled-list li > *{
  position: relative;
  z-index: 2;
}
.styled-list li:hover{
  transform: translateY(-2px);
  border-color: rgba(255,255,255,.18);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
}
@keyframes styledListGlow{
  0%   { transform: translate3d(-2%, -1%, 0) scale(1.03); }
  100% { transform: translate3d( 3%,  2%, 0) scale(1.08); }
}
@keyframes styledListIconFloat{
  0%   { transform: translate3d(0,0,0) rotate(-6deg); }
  50%  { transform: translate3d(2px,-1px,0) rotate(4deg); }
  100% { transform: translate3d(-1px,2px,0) rotate(-2deg); }
}
@media (prefers-reduced-motion: reduce){
  .styled-list li::before,
  .styled-list li::after{
    animation: none !important;
  }
  .styled-list li{
    transition: none !important;
  }
}
.fancy-section.luxury-glass{
  --bg-0: #05070a;
  --glass-1: rgba(255,255,255,.10);
  --glass-2: rgba(255,255,255,.055);
  --stroke: rgba(255,255,255,.16);
  --text: rgba(255,255,255,.92);
  --muted: rgba(255,255,255,.74);
  --cyan: rgb(92 220 241);
  --red: rgba(226, 74, 74, .95);
  --green: rgba(111, 187, 89, .95);
  --shadow: 0 22px 85px rgba(0,0,0,.65);
  --shadow-soft: 0 14px 55px rgba(0,0,0,.42);
  position: relative;
  overflow: hidden;
  border-radius: 26px;
  margin-block: 2.5rem;
  color: var(--text);
  background:
    radial-gradient(1200px 650px at 10% 18%, rgba(92,220,241,.12), transparent 58%),
    radial-gradient(980px 620px at 88% 22%, rgba(226,74,74,.10), transparent 60%),
    radial-gradient(1100px 720px at 50% 108%, rgba(111,187,89,.10), transparent 60%),
    linear-gradient(180deg, rgba(0,0,0,.55), rgba(0,0,0,.82)),
    var(--bg-0);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: var(--shadow);
  backdrop-filter: blur(18px);
  -webkit-backdrop-filter: blur(18px);
  transform: translateZ(0);
}
.fancy-section.luxury-glass .lux-wrap{
  position: relative;
  border-radius: 22px;
  padding: clamp(1rem, 1.2vw + 1rem, 2rem);
  background: linear-gradient(180deg, var(--glass-1), var(--glass-2));
  border: 1px solid var(--stroke);
  box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, var(--shadow-soft);
  overflow: hidden;
}
.fancy-section.luxury-glass .lux-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");
  opacity: .18;
  mix-blend-mode: overlay;
}
.fancy-section.luxury-glass .lux-wrap::after{
  content:"";
  position:absolute;
  inset:-55% -35%;
  pointer-events:none;
  background:
    radial-gradient(750px 300px at 28% 20%, rgba(255,255,255,.16), transparent 60%),
    radial-gradient(560px 260px at 78% 35%, rgba(255,255,255,.10), transparent 62%);
  transform: rotate(10deg);
  opacity: .75;
  animation: luxSheen 9s ease-in-out infinite alternate;
}
.fancy-section.luxury-glass .lux-header{
  position: relative;
  z-index: 2;
  margin-bottom: 1.1rem;
}
.fancy-section.luxury-glass .lux-title{
  margin: 0 0 .7rem;
  letter-spacing: .3px;
  text-shadow: 0 12px 30px rgba(0,0,0,.55);
}
.fancy-section.luxury-glass .lux-divider{
  height: 2px;
  width: min(420px, 90%);
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(255,255,255,.10),
    rgba(92,220,241,.80),
    rgba(226,74,74,.55),
    rgba(111,187,89,.55),
    rgba(255,255,255,.10)
  );
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
  position: relative;
  overflow: hidden;
}
.fancy-section.luxury-glass .lux-divider::after{
  content:"";
  position:absolute;
  inset:-40% -60%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.22), transparent);
  transform: translateX(-55%) rotate(12deg);
  animation: luxSweep 2.6s ease-in-out infinite;
  opacity: .9;
}
.fancy-section.luxury-glass .lux-lead{
  position: relative;
  z-index: 2;
  color: var(--muted);
  line-height: 1.75;
  margin: 0 0 .95rem;
  text-shadow: 0 10px 22px rgba(0,0,0,.45);
}
.fancy-section.luxury-glass .lux-grid{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1.1rem;
}
@media (max-width: 991.98px){
  .fancy-section.luxury-glass .lux-grid{
    grid-template-columns: 1fr;
  }
}
.fancy-section.luxury-glass .lux-card{
  position: relative;
  border-radius: 18px;
  padding: 1.05rem 1.05rem 1rem;
  background: linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.04));
  border: 1px solid rgba(255,255,255,.14);
  box-shadow: 0 16px 58px rgba(0,0,0,.45);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
  transform: translateZ(0);
  transition: transform .24s ease, border-color .24s ease, box-shadow .24s ease;
}
.fancy-section.luxury-glass .lux-card::before{
  content:"";
  position:absolute;
  inset:-55% -45%;
  pointer-events:none;
  background:
    radial-gradient(360px 260px at 25% 25%, rgba(92,220,241,.18), transparent 62%),
    radial-gradient(320px 260px at 82% 38%, rgba(226,74,74,.14), transparent 62%),
    radial-gradient(360px 300px at 58% 90%, rgba(111,187,89,.12), transparent 62%);
  filter: blur(18px);
  opacity: .65;
  animation: luxCardGlow 11s ease-in-out infinite alternate;
}
.fancy-section.luxury-glass .lux-card:hover{
  transform: translateY(-4px);
  border-color: rgba(255,255,255,.20);
  box-shadow: 0 22px 78px rgba(0,0,0,.58);
}
.fancy-section.luxury-glass .lux-crest{
  width: 44px;
  height: 44px;
  border-radius: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border: 1px solid rgba(255,255,255,.18);
  box-shadow:
    0 16px 42px rgba(0,0,0,.40),
    inset 0 1px 0 rgba(255,255,255,.16);
  position: relative;
  overflow: hidden;
  margin-bottom: .55rem;
}
.fancy-section.luxury-glass .lux-crest::before{
  content:"";
  position:absolute;
  inset:-60% -60%;
  background:
    radial-gradient(140px 140px at 30% 35%, rgba(92,220,241,.40), transparent 62%),
    radial-gradient(140px 140px at 78% 40%, rgba(226,74,74,.30), transparent 62%);
  filter: blur(10px);
  opacity: .85;
  animation: luxCrestFloat 6.5s ease-in-out infinite;
}
.fancy-section.luxury-glass .lux-crest i{
  position: relative;
  z-index: 1;
  font-size: 1.25rem;
  color: rgba(255,255,255,.92);
  text-shadow: 0 12px 24px rgba(0,0,0,.45);
}
.fancy-section.luxury-glass .lux-h3{
  position: relative;
  z-index: 2;
  margin: .15rem 0 .6rem;
  color: var(--text);
  text-shadow: 0 12px 26px rgba(0,0,0,.55);
}
.fancy-section.luxury-glass .lux-p{
  position: relative;
  z-index: 2;
  margin: 0 0 .75rem;
  color: var(--muted);
  line-height: 1.75;
  text-shadow: 0 10px 22px rgba(0,0,0,.42);
}
.fancy-section.luxury-glass .lux-float{
  position:absolute;
  z-index: 1;
  border-radius: 999px;
  filter: blur(12px);
  opacity: .55;
  pointer-events:none;
  mix-blend-mode: screen;
}
.fancy-section.luxury-glass .lux-float-a{
  width: 210px; height: 210px;
  left: -60px; top: 18%;
  background: radial-gradient(circle, rgba(92,220,241,.28), transparent 62%);
  animation: luxFloatA 14s ease-in-out infinite alternate;
}
.fancy-section.luxury-glass .lux-float-b{
  width: 260px; height: 260px;
  right: -90px; top: 10%;
  background: radial-gradient(circle, rgba(226,74,74,.22), transparent 62%);
  animation: luxFloatB 18s ease-in-out infinite alternate;
}
.fancy-section.luxury-glass .lux-float-c{
  width: 320px; height: 320px;
  left: 35%; bottom: -140px;
  background: radial-gradient(circle, rgba(111,187,89,.18), transparent 62%);
  animation: luxFloatC 16s ease-in-out infinite alternate;
}
@keyframes luxCardGlow{
  0%   { transform: translate3d(-2%, -1%, 0) scale(1.02); opacity: .55; }
  100% { transform: translate3d( 3%,  2%, 0) scale(1.08); opacity: .75; }
}
@keyframes luxCrestFloat{
  0%   { transform: translate3d(-2%, -2%, 0) rotate(-6deg); }
  50%  { transform: translate3d( 3%,  1%, 0) rotate( 4deg); }
  100% { transform: translate3d(-1%,  3%, 0) rotate(-2deg); }
}
@keyframes luxSheen{
  0%   { transform: translate3d(-2%, -1%, 0) rotate(10deg); opacity: .55; }
  100% { transform: translate3d( 2%,  2%, 0) rotate(12deg); opacity: .85; }
}
@keyframes luxSweep{
  0%   { transform: translateX(-55%) rotate(12deg); }
  100% { transform: translateX(55%) rotate(12deg); }
}
@keyframes luxFloatA{
  0%   { transform: translate3d(0,0,0) scale(1.00); }
  100% { transform: translate3d(40px,-18px,0) scale(1.08); }
}
@keyframes luxFloatB{
  0%   { transform: translate3d(0,0,0) scale(1.00); }
  100% { transform: translate3d(-35px,22px,0) scale(1.10); }
}
@keyframes luxFloatC{
  0%   { transform: translate3d(0,0,0) scale(1.00); }
  100% { transform: translate3d(18px,-28px,0) scale(1.06); }
}
@media (prefers-reduced-motion: reduce){
  .fancy-section.luxury-glass .lux-wrap::after,
  .fancy-section.luxury-glass .lux-divider::after,
  .fancy-section.luxury-glass .lux-card::before,
  .fancy-section.luxury-glass .lux-crest::before,
  .fancy-section.luxury-glass .lux-float{
    animation: none !important;
  }
  .fancy-section.luxury-glass .lux-card{
    transition: none !important;
  }
}
a {
    color: rgb(138, 224, 240);
    text-decoration: underline;
}
  .tw-container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
  
  .twitter-tweet {
    max-width: 100%;
    margin: 0 auto;
  }
  