:root{
  --abx-accent:#04cefe;
  --abx-accent-2:#57ddff;
  --abx-dark:#081421;
  --abx-dark-soft:#0e2234;
  --abx-surface:rgba(255,255,255,.06);
  --abx-surface-2:rgba(255,255,255,.09);
  --abx-border:rgba(255,255,255,.12);
  --abx-shadow:0 18px 42px rgba(6,18,30,.18);
  --abx-shadow-soft:0 8px 24px rgba(6,18,30,.12);
}

html{scroll-padding-top:90px;}
body{
  background:
    radial-gradient(circle at top left, rgba(4,206,254,.10), transparent 34%),
    radial-gradient(circle at top right, rgba(87,221,255,.10), transparent 28%);
}

.card-wrapper{scroll-margin-top:96px;}
.card-wrapper .card-body{
  transition:transform .25s ease, box-shadow .25s ease;
}
.card-wrapper:hover .card-body{
  transform:translateY(-2px);
  box-shadow:var(--abx-shadow-soft);
}

/* Navbar */
.navbar-view-backdrop{
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  box-shadow:0 10px 30px rgba(8,20,33,.18) !important;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.navbar-view-content{
  gap:14px;
}
.navbar-view-content a[href^="#card-"]{
  position:relative;
  transition:transform .2s ease, background-color .2s ease, color .2s ease, box-shadow .2s ease;
}
.navbar-view-content .button.css-p7qsvu,
.navbar-view-content .button.css-1n705t{
  border-radius:999px !important;
  box-shadow:none;
}
.navbar-view-content .button.css-p7qsvu{
  background:rgba(255,255,255,.08);
}
.navbar-view-content .button.css-p7qsvu:hover{
  background:rgba(4,206,254,.12);
  transform:translateY(-1px);
}
.navbar-view-content a.is-active .button.css-p7qsvu,
.navbar-view-content a.is-active.chakra-button.css-p7qsvu{
  background:rgba(4,206,254,.16) !important;
  box-shadow:0 0 0 1px rgba(4,206,254,.24) inset;
}
.navbar-view-content .button.css-1n705t{
  box-shadow:0 10px 24px rgba(4,206,254,.24);
}

/* Global headings and cards */
.card-wrapper .heading[level="1"],
.card-wrapper [level="1"].heading,
.card-wrapper [data-node-view-content-inner="heading"] b{
  letter-spacing:.01em;
}
.card-wrapper [data-node-view-content-inner="paragraph"],
.card-wrapper li[data-node-view-content]{
  line-height:1.7;
}

/* Intro KPI strip */
#card-35fi10u56djg8v6 [data-node-view-content-inner="smartLayoutCell"]{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,252,255,.95));
  border:1px solid rgba(8,20,33,.08);
  border-radius:20px;
  padding:20px 18px;
  box-shadow:var(--abx-shadow-soft);
  height:100%;
}
#card-35fi10u56djg8v6 .node-heading [data-node-view-content-inner="heading"]{
  font-size:1.05rem;
}
#card-35fi10u56djg8v6 .node-paragraph [data-node-view-content-inner="paragraph"]{
  font-size:1.05rem;
  font-weight:700;
  color:#081421;
}

/* About and contacts grid alignment */
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"],
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"]{
  display:grid;
  grid-template-columns:minmax(250px,.88fr) minmax(0,1.12fr);
  gap:32px;
  align-items:center;
}
#card-vufhg9fc2d3rel9 img,
#card-z3ojy8m5bsz1mdg img{
  border-radius:22px;
  box-shadow:var(--abx-shadow);
}
#card-vufhg9fc2d3rel9 .node-heading [data-node-view-content-inner="heading"] b{
  font-size:clamp(1.1rem,1.25vw,1.3rem);
}
#card-vufhg9fc2d3rel9 .node-paragraph [data-node-view-content-inner="paragraph"]{
  color:#33404d;
}

/* Top small contacts card */
#card-5kqv77db05z5ak1 .node-smartLayoutCell [data-node-view-content-inner="smartLayoutCell"]{
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
  border-radius:18px;
  padding:18px 18px 16px;
  height:100%;
}
#card-5kqv77db05z5ak1 a[href^="tel:"],
#card-z3ojy8m5bsz1mdg a[href^="tel:"]{
  font-weight:700;
}

/* Experience readability */
#card-53bqytse84voi8e [data-node-view-content-inner="smartLayoutCell"]{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  border:1px solid rgba(8,20,33,.08);
  border-left:4px solid var(--abx-accent);
  border-radius:22px;
  padding:22px 24px;
  box-shadow:var(--abx-shadow-soft);
  height:100%;
}
#card-53bqytse84voi8e .node-heading [data-node-view-content-inner="heading"]{
  font-size:clamp(1rem,1.05vw,1.14rem);
  line-height:1.45;
}
#card-53bqytse84voi8e .node-paragraph [data-node-view-content-inner="paragraph"]{
  color:#2f3e4d;
}
#card-53bqytse84voi8e a[href^="http"]{
  color:#007ea5;
  text-decoration:none;
  border-bottom:1px dashed rgba(0,126,165,.35);
}
#card-53bqytse84voi8e a[href^="http"]:hover{
  border-bottom-style:solid;
}

/* Resume block */
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"]{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"]{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  border:1px solid rgba(8,20,33,.08);
  border-radius:20px;
  padding:18px;
  box-shadow:var(--abx-shadow-soft);
  height:100%;
}
#card-44pl8uwhe2xvfr4 a{
  transition:transform .2s ease, box-shadow .2s ease;
}
#card-44pl8uwhe2xvfr4 a:hover{
  transform:translateY(-1px);
}

/* Portfolio link */
#card-6018khox3t2vgns a[href]{
  box-shadow:0 10px 24px rgba(4,206,254,.18);
}

/* Video section */
#card-oaduyskplurcz6r .card-body{
  overflow:hidden;
}
#card-oaduyskplurcz6r .html-embed-viewer{
  border-radius:24px;
  overflow:hidden;
  box-shadow:var(--abx-shadow);
}
#card-oaduyskplurcz6r [data-node-view-content-inner="heading"]{
  position:relative;
}
#card-oaduyskplurcz6r [data-node-view-content-inner="heading"] span.node-emoji{
  margin-right:6px;
}
#abhairov-video-placeholder{
  background:
    linear-gradient(0deg,rgba(8,20,33,.82),rgba(8,20,33,.52)),
    url('../img/Abhairov_Showreel.webp') center / cover no-repeat !important;
}
#abhairov-video-placeholder .abx-video-inner{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  max-width:520px;
}
#abhairov-video-placeholder .abx-video-badge{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.14);
  font-size:.92rem;
  font-weight:600;
}
#abhairov-video-placeholder .abx-video-title{
  font-size:clamp(1.35rem,2.2vw,2.15rem);
  font-weight:700;
  line-height:1.15;
}
#abhairov-video-placeholder .abx-video-text{
  font-size:clamp(.95rem,1.25vw,1.08rem);
  opacity:.92;
}
#abhairov-video-placeholder .abx-video-note{
  font-size:.9rem;
  opacity:.76;
}

/* Recommendations */
#card-2332g81xhi0f448 [data-node-view-content-inner="smartLayoutCell"]{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,251,255,.94));
  border:1px solid rgba(8,20,33,.08);
  border-radius:22px;
  padding:22px 24px;
  box-shadow:var(--abx-shadow-soft);
  height:100%;
}
#card-2332g81xhi0f448 .node-paragraph:last-child [data-node-view-content-inner="paragraph"]{
  color:#586575;
}

/* Bottom contacts — keep the existing contact links, no duplicate quick-action buttons */
#card-z3ojy8m5bsz1mdg .react-renderer.node-gridCell:last-child [data-node-view-content-inner="gridCell"]{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:24px;
  padding:24px;
}
#card-z3ojy8m5bsz1mdg ul{margin:0;padding:0;}
#card-z3ojy8m5bsz1mdg li{list-style:none;margin:0 0 12px;}
#card-z3ojy8m5bsz1mdg a[href^="tel:"],
#card-z3ojy8m5bsz1mdg a[href^="mailto:"],
#card-z3ojy8m5bsz1mdg a[href^="https://t.me/"]{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  overflow-wrap:anywhere;
  padding:12px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.10);
  color:inherit;
  text-decoration:none;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease;
}
#card-z3ojy8m5bsz1mdg a[href]:hover{
  transform:translateY(-1px);
  background:rgba(4,206,254,.14);
  border-color:rgba(4,206,254,.25);
}

/* Buttons and links */
a.chakra-button.button{
  transition:transform .2s ease, box-shadow .2s ease, opacity .2s ease;
}
a.chakra-button.button:hover{
  transform:translateY(-1px);
}

/* Back to top button */
#abx-backtotop{
  position:fixed;
  right:20px;
  bottom:20px;
  z-index:50;
  width:48px;
  height:48px;
  border:0;
  border-radius:999px;
  background:rgba(8,20,33,.92);
  color:#fff;
  box-shadow:0 16px 36px rgba(8,20,33,.28);
  cursor:pointer;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .2s ease, transform .2s ease, background-color .2s ease;
}
#abx-backtotop.is-visible{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
#abx-backtotop:hover{background:#0f2940;}

/* Mobile */
@media (max-width: 991px){
  html{scroll-padding-top:124px;}
  .card-wrapper{scroll-margin-top:128px;}
  .navbar-view-content{
    gap:10px;
    padding-top:10px;
    padding-bottom:10px;
    align-items:flex-start;
  }
  .navbar-view-content [data-node-view-content-inner="navbarLinks"],
  .navbar-view-content [data-node-view-content-inner="navbarButtons"]{
    display:flex;
    gap:8px;
    flex-wrap:nowrap;
    overflow:auto;
    scrollbar-width:none;
  }
  .navbar-view-content [data-node-view-content-inner="navbarLinks"]::-webkit-scrollbar,
  .navbar-view-content [data-node-view-content-inner="navbarButtons"]::-webkit-scrollbar{display:none;}
  .navbar-view-content a{white-space:nowrap;}
  #card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"],
  #card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"],
  #card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"]{
    grid-template-columns:1fr;
    gap:20px;
  }
  #card-vufhg9fc2d3rel9 img,
  #card-z3ojy8m5bsz1mdg img{
    max-width:420px;
    width:100%;
    margin-inline:auto;
  }
  #card-z3ojy8m5bsz1mdg .react-renderer.node-gridCell:last-child [data-node-view-content-inner="gridCell"]{
    padding:20px;
  }
}

@media (max-width: 640px){
  #card-35fi10u56djg8v6 [data-node-view-content-inner="smartLayoutCell"],
  #card-53bqytse84voi8e [data-node-view-content-inner="smartLayoutCell"],
  #card-2332g81xhi0f448 [data-node-view-content-inner="smartLayoutCell"],
  #card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"]{
    border-radius:18px;
    padding:18px 16px;
  }
  #card-53bqytse84voi8e .node-heading [data-node-view-content-inner="heading"]{
    font-size:1rem;
  }
  #abx-backtotop{
    right:14px;
    bottom:14px;
    width:44px;
    height:44px;
  }
}

/* =====================================================================
   Layout repair (2026-10-21)
   The Gamma export places .layout-content inside .grid-col-controls,
   whose original grid-template-columns are 50%/25%. The new nested
   grids must span the full width, otherwise cards become narrow strips.
   ===================================================================== */
#card-vufhg9fc2d3rel9 .grid-col-controls,
#card-z3ojy8m5bsz1mdg .grid-col-controls,
#card-44pl8uwhe2xvfr4 .grid-col-controls {
  display: block !important;
  width: 100%;
  min-width: 0;
  grid-template-columns: none !important;
}
#card-vufhg9fc2d3rel9 .grid-col-controls > .layout-content,
#card-z3ojy8m5bsz1mdg .grid-col-controls > .layout-content,
#card-44pl8uwhe2xvfr4 .grid-col-controls > .layout-content {
  display: block !important;
  width: 100%;
  min-width: 0;
}
#card-vufhg9fc2d3rel9 .grid-col-controls > .add-column,
#card-z3ojy8m5bsz1mdg .grid-col-controls > .add-column,
#card-44pl8uwhe2xvfr4 .grid-col-controls > .add-column {
  display: none !important;
}
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"],
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"],
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"] {
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  align-items: stretch;
}
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"] > .node-gridCell,
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"] > .node-gridCell,
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"] > .node-gridCell {
  min-width: 0;
  width: 100%;
}
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridCell"],
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridCell"],
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"] {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
}
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"] {
  grid-template-columns: minmax(260px, .92fr) minmax(0, 1.45fr) !important;
  gap: clamp(22px, 4vw, 64px) !important;
  align-items: center;
}
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"] {
  grid-template-columns: minmax(240px, .84fr) minmax(0, 1.5fr) !important;
  gap: clamp(24px, 4.5vw, 70px) !important;
  align-items: center;
}
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"] {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: clamp(16px, 2vw, 26px) !important;
}
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"] {
  overflow-wrap: normal;
  word-break: normal;
}
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"] [data-node-view-content-inner="heading"],
#card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"] [data-node-view-content-inner="paragraph"] {
  overflow-wrap: break-word;
  word-break: normal;
  hyphens: none;
}
#card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridCell"] [data-node-view-content-inner="heading"],
#card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridCell"] [data-node-view-content-inner="heading"] {
  overflow-wrap: normal;
  word-break: normal;
}
@media (max-width: 800px) {
  #card-vufhg9fc2d3rel9 [data-node-view-content-inner="gridLayout"],
  #card-z3ojy8m5bsz1mdg [data-node-view-content-inner="gridLayout"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 26px !important;
    align-items: start;
  }
  #card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridLayout"] {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 16px !important;
  }
  #card-vufhg9fc2d3rel9 .node-gridCell:first-child,
  #card-z3ojy8m5bsz1mdg .node-gridCell:first-child {
    max-width: 410px;
    margin: 0 auto;
  }
}
@media (max-width: 480px) {
  #card-z3ojy8m5bsz1mdg .react-renderer.node-gridCell:last-child [data-node-view-content-inner="gridCell"] {
    padding: 18px 14px;
  }
  #card-z3ojy8m5bsz1mdg .react-renderer.node-gridCell:last-child [data-node-view-content-inner="gridCell"] a {
    overflow-wrap: anywhere;
    white-space: normal;
  }
  #card-44pl8uwhe2xvfr4 [data-node-view-content-inner="gridCell"] {
    padding: 18px 20px;
  }
}


/* ====================================================================
   Fixed header only — original Gamma layout preserved, 2026-10-21
   ==================================================================== */
:root { --abx-header-offset: 92px; }
html { scroll-padding-top: var(--abx-header-offset) !important; }
.card-wrapper { scroll-margin-top: var(--abx-header-offset) !important; }

/* Original Gamma navbar wrapper was position:absolute and scrolled away. */
.css-6uzl6m {
  position:fixed !important;
  inset:0 0 auto 0 !important;
  z-index:1100 !important;
  width:100% !important;
  min-height:0;
  pointer-events:none;
}
.css-6uzl6m .editor-navbar-animations-enabled,
.css-6uzl6m .navbar-view-content { pointer-events:auto; }