/* Dark mode. Colors only — no size, position, or flow changes to the page. */

.navbar .nav-right {
  display: flex;
  align-items: center;
}

#theme-toggle {
  position: relative;
  z-index: 5;
  flex: none;
  width: 48px;
  min-width: 48px;
  height: 48px;
  margin: 0;
  padding: 0;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 0;
  background: none;
  color: #fff;
  box-shadow: none;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  overflow: visible;
  transform: scale(0.86);
  transition: opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0.45s;
}

#theme-toggle.is-visible {
  width: 48px;
  min-width: 48px;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  overflow: visible;
  transform: scale(1);
  transition: opacity 0.45s ease, transform 0.45s ease, visibility 0s linear 0s;
}

#theme-toggle:focus-visible {
  outline: 2px solid #edb246;
  outline-offset: 3px;
}

#theme-toggle:active {
  transform: scale(0.96);
}

#theme-toggle .theme-toggle-icon {
  display: block;
}

#theme-toggle .icon-dark,
#theme-toggle .icon-light {
  font-size: 26px;
  line-height: 1;
}

#theme-toggle .icon-light {
  color: #fff;
}

#theme-toggle .icon-dark {
  display: none;
  color: #edb246;
}

html[data-theme="dark"] #theme-toggle .icon-light {
  display: none;
}

html[data-theme="dark"] #theme-toggle .icon-dark {
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  #theme-toggle,
  #theme-toggle:active,
  #music-toggle,
  #music-fab {
    transition: none;
    transform: none;
  }
  .not-found {
    transition: none;
  }
}

.not-found[hidden] {
  display: none !important;
}
.not-found {
  position: fixed;
  z-index: 80;
  top: 22px;
  left: 50%;
  display: flex;
  align-items: center;
  gap: 12px;
  width: max-content;
  max-width: calc(100% - 28px);
  margin: 0;
  padding: 12px 12px 12px 16px;
  border: 2px solid #1a1a1a;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.38);
  color: #1a1a1a;
  box-shadow: none;
  -webkit-backdrop-filter: blur(18px) saturate(1.5);
  backdrop-filter: blur(18px) saturate(1.5);
  font-family: Quicksand, sans-serif;
  transform: translate(-50%, -10px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.35s ease, transform 0.35s ease;
}
.not-found.is-in {
  opacity: 1;
  transform: translate(-50%, 0);
  pointer-events: auto;
}
.not-found i,
.not-found button{
  display:none;
}
.not-found{
  padding:12px 16px;
}
.not-found p{
  margin:0;
  color:#edb246;
  font-size:15px;
  line-height:1.2;
  font-weight:600;
}
html[data-theme="dark"] .not-found p{
  color:#edb246;
}
.not-found button {
  border: 0;
  background: none;
  color: #1a1a1a;
  font-size: 22px;
  line-height: 1;
  padding: 0 4px;
  cursor: pointer;
}
html[data-theme="dark"] .not-found {
  background: rgba(0, 0, 0, 0.38);
  color: #f4f1ea;
  border-color: #edb246;
}
html[data-theme="dark"] .not-found i {
  color: #fff;
}
html[data-theme="dark"] .not-found button {
  color: #edb246;
}

.header-video{
  filter:saturate(0.8) brightness(0.92);
}
.header::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.22)),
    radial-gradient(ellipse at center, transparent 36%, rgba(18,18,18,0.28) 100%);
}
.header .sayHi{
  width:min(680px, calc(100% - 32px));
  padding:28px 26px 24px;
  border:2px solid #1a1a1a;
  border-radius:16px;
  background:rgba(255,255,255,0.46);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
  animation:header-in .8s cubic-bezier(.22,.7,.25,1) both;
}
.header .hi,
.header .hi #hi,
.header .hi #name{
  color:#1a1a1a;
  font-size:clamp(34px, 6vw, 64px);
  font-weight:500;
  letter-spacing:0.03em;
  text-shadow:none;
  text-transform:none;
  line-height:1.05;
}
.header .hi{
  display:block;
  white-space:nowrap;
}
.header .hi #hi{
  margin-right:0.28em;
}
@media (max-width:720px){
  .header .sayHi{
    width:calc(100% - 12px);
    padding:22px 8px 18px;
  }
  .header .job .job-keep{
    display:inline-block;
    white-space:nowrap;
  }
}
.header .type-char{
  display:inline-block;
  animation:type-in .42s cubic-bezier(0.22, 1.35, 0.36, 1);
}
@keyframes type-in{
  0%{opacity:0; transform:translateY(0.55em) scale(0.82);}
  62%{opacity:1; transform:translateY(-0.06em) scale(1.04);}
  100%{opacity:1; transform:none;}
}
.header .hi::after{
  content:"";
  display:block;
  width:64px;
  height:2px;
  margin:12px auto 0;
  border-radius:999px;
  background:#edb246;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .55s cubic-bezier(.22,.7,.25,1) .15s;
}
.header.is-typed .hi::after{
  transform:scaleX(1);
}
.header.is-typed .hi #name .name-gold{
  background:linear-gradient(100deg, #b8862f 0%, #fff1c9 42%, #edb246 68%, #8d6418 100%);
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  animation:name-sheen 4.2s ease-in-out infinite;
}
.header .job{
  margin:14px 0 0;
  color:#1a1a1a;
  font-size:clamp(16px, 2.2vw, 20px);
  letter-spacing:0.08em;
}
.header .down i{
  color:#1a1a1a;
}
html[data-theme="dark"] .header-video{
  filter:brightness(0.55) saturate(0.8);
}
html[data-theme="dark"] .header::after{
  background:
    linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.55)),
    radial-gradient(ellipse at center, transparent 28%, #000 100%);
}
html[data-theme="dark"] .header .sayHi{
  background:rgba(0,0,0,0.46);
  border-color:rgba(237,178,70,0.85);
}
html[data-theme="dark"] .header .hi,
html[data-theme="dark"] .header .hi #hi,
html[data-theme="dark"] .header .hi #name{
  color:#f4f1ea;
}
html[data-theme="dark"] .header .job,
html[data-theme="dark"] .header .down i,
html[data-theme="dark"] .header .contact-button button{
  color:#edb246;
}
html[data-theme="dark"] .header .contact-button button{
  background:rgba(0,0,0,0.42);
  border-color:rgba(237,178,70,0.9);
}
html[data-theme="dark"] .header .contact-button button i{
  color:#fff;
}
@media (prefers-reduced-motion:reduce){
  .header .sayHi,
  .header.is-typed .hi #name .name-gold,
  .header .down i,
  .header .type-char{
    animation:none;
  }
}

@media (prefers-reduced-motion: no-preference) {
  html,
  body,
  .section-header,
  .section-header::before,
  .section-header::after,
  .contact,
  .footer,
  blockquote,
  .about .about-text p,
  .about .about-text h3,
  .about .me,
  .header .job,
  .header-video,
  #music.white-popup,
  .music-shelf .music-card-back,
  .music-shelf .music-card-back::before,
  .skills .skill .back,
  .skills .skill p,
  .statistics .stat .title,
  .statistics .stat .num,
  .tooltip-inner,
  .tooltip-arrow {
    transition-property: background-color, background-image, color, border-color, box-shadow, filter;
    transition-duration: 0.7s;
    transition-timing-function: ease;
  }
  .navbar,
  .navbar.sticky,
  .navbar .menu-list {
    transition: background-color 0.7s ease, color 0.7s ease, border-color 0.7s ease, box-shadow 0.7s ease, padding 0.3s ease;
  }
}

html[data-theme="dark"] {
  color-scheme: dark;
}

html[data-theme="dark"] body {
  background-color: #000;
  color: #e7e4de;
}

html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4,
html[data-theme="dark"] h5,
html[data-theme="dark"] h6 {
  color: #f4f1ea;
}

html[data-theme="dark"] p {
  color: #d5d1c8;
}

html[data-theme="dark"] .section-header {
  background-color: #1e1e1e;
  color: #fff;
}

html[data-theme="dark"] .skills .section-header {
  background-color: transparent;
  color: #fff;
}

html[data-theme="dark"] .contact .section-header {
  background-color: #232323;
  color: #fff;
}

html[data-theme="dark"] .section-header i {
  color: #fff;
}

html[data-theme="dark"] .statistics .stat i {
  color: #fff;
}

html[data-theme="dark"] .statistics .stat:hover i,
html[data-theme="dark"] .statistics .stat:hover a,
html[data-theme="dark"] .statistics .stat:hover a i {
  color: #edb246;
}

html[data-theme="dark"] .statistics .stat .title {
  color: #fff;
}

html[data-theme="dark"] .statistics .stat:hover .title {
  color: #fff;
}

html[data-theme="dark"] .statistics .stat .num {
  color: #edb246;
}

html[data-theme="dark"] .skills .skill p {
  color: #edb246;
}

html[data-theme="dark"] .skills .skill i {
  color: #fff;
}

html[data-theme="dark"] .hr,
html[data-theme="dark"] .contact .hr,
html[data-theme="dark"] .skills .hr {
  border-top-color: #edb246;
}

html[data-theme="dark"] #music .track-name,
html[data-theme="dark"] #music .buttons,
html[data-theme="dark"] #music .playpause-track,
html[data-theme="dark"] #music .prev-track,
html[data-theme="dark"] #music .next-track,
html[data-theme="dark"] #music .current-time,
html[data-theme="dark"] #music .total-duration,
html[data-theme="dark"] #music .fa-volume-up,
html[data-theme="dark"] #music .prev-track i,
html[data-theme="dark"] #music .next-track i {
  color: #fff;
}

html[data-theme="dark"] #music .volume_slider {
  background:
    linear-gradient(#edb246, #edb246) 0 0 / var(--vol) 100% no-repeat,
    #2a2a2a;
}
html[data-theme="dark"] #music .volume_slider::-webkit-slider-thumb {
  background: #edb246;
}

html[data-theme="dark"] .header .job {
  color: #edb246;
}

html[data-theme="dark"] .footer p {
  color: #fff;
}

html[data-theme="dark"] .footer p i {
  color: #edb246;
}

.page-scroll{
  position:fixed;
  z-index:90;
  top:18px;
  right:5px;
  bottom:18px;
  width:3px;
  border-radius:999px;
  background:transparent;
  pointer-events:none;
  opacity:0;
  transition:opacity .35s ease;
}
.page-scroll span{
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:64px;
  border-radius:999px;
  background:#1a1a1a;
  transform:translateY(0);
}
.page-scroll.is-on{
  opacity:1;
}
html[data-theme="dark"] .page-scroll span{
  background:#edb246;
}
body.player-docked .page-scroll{
  bottom:118px;
}
@media (max-width:720px){
  .page-scroll{
    display:block;
  }
}
@media (min-width:721px){
  .page-scroll{
    display:none;
  }
}
.statistics{
  position:relative;
}
.statistics::after,
.skills::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:transparent;
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
.statistics .container,
.skills .container{
  position:relative;
  z-index:1;
}
html[data-theme="dark"] .statistics::after,
html[data-theme="dark"] .skills::after{
  content:none;
}
html[data-theme="dark"] .blog-reader-copy,
html[data-theme="dark"] .blog-archive-panel h3{
  background:rgba(0,0,0,0.72);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
}

html[data-theme="dark"] .verified-mark{
  color:#4687D6;
}
html[data-theme="dark"] .verified-mark .fa-check{
  color:#fff;
}
html[data-theme="dark"] .music-shelf .music-card-back .play-mark .fa-circle{
  color:transparent;
  width:32px;
  height:32px;
  border-radius:50%;
  background:rgba(0,0,0,0.42);
  border:2px solid rgba(237,178,70,0.9);
  box-sizing:border-box;
  -webkit-backdrop-filter:blur(10px) saturate(1.3);
  backdrop-filter:blur(10px) saturate(1.3);
}
html[data-theme="dark"] .music-shelf .music-card-back .play-mark .fa-play{
  color:#edb246;
}

html[data-theme="dark"] .signature-mark {
  color: #111;
  filter: none;
}
html[data-theme="dark"] .signature-gold {
  opacity: 1;
}
html[data-theme="dark"] .music-shelf .music-card.is-current .music-card-front::after{
  border-color:#edb246;
}

html[data-theme="dark"] .music-shelf .music-card-back{
  background:transparent;
  color:#f4f1ea;
  box-shadow:none;
}
html[data-theme="dark"] .music-shelf .music-card-back::before{
  border-color:#edb246;
  background:rgba(0,0,0,0.28);
}

html[data-theme="dark"] .about .me {
  border-right-color: rgba(237, 178, 70, 0.45);
}

html[data-theme="dark"] .about .about-text h3 {
  border-bottom-color: #edb246;
}

html[data-theme="dark"] .about .about-text p {
  color: #ece8e0;
}


html[data-theme="dark"] blockquote {
  background: #2a2a2a;
  color: #f7f4ee;
  border-right-color: #4a4a4a;
  box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.45);
}

html[data-theme="dark"] blockquote::before {
  color: #edb246;
}

html[data-theme="dark"] blockquote a {
  background: #333;
  color: #edb246;
}

html[data-theme="dark"] .projects .buttons button {
  color: #ece8e0;
}

html[data-theme="dark"] .white-popup {
  background-color: #2a2a2a;
  color: #ece8e0;
}

html[data-theme="dark"] .white-popup h3 {
  color: #f4f1ea;
}

html[data-theme="dark"] .white-popup h5,
html[data-theme="dark"] .white-popup .desc {
  color: #c8c3b8;
}

html[data-theme="dark"] .zaudio_playlist,
html[data-theme="dark"] .zaudio_container,
html[data-theme="dark"] .zaudio_wrapper {
  background: #2a2a2a;
  background-color: #2a2a2a;
  box-shadow: none;
}

html[data-theme="dark"] body.player-docked .white-popup {
  box-shadow: none;
}

html[data-theme="dark"] .zaudio_playlist li {
  color: #ddd8ce;
  border-bottom-color: #3a3a3a;
}

html[data-theme="dark"] .zaudio_playlist li:hover {
  background-color: #353535;
}

html[data-theme="dark"] .zaudio_songtitle,
html[data-theme="dark"] .zaudio_tracktime,
html[data-theme="dark"] .zaudio_playercontrolbuttons {
  color: #f0ece4;
}

html[data-theme="dark"] .zaudio_songartist {
  color: #b9b3a6;
}

html[data-theme="dark"] .zaudio_art {
  background-color: #333;
}

html[data-theme="dark"] .zaudio_seekbg {
  background-color: #4a4a4a;
}

html[data-theme="dark"] .zaudio_playercontrolbuttons i:hover {
  background-color: #3a3a3a;
}

/* Frosted glass. Color and surface only. */

body{
  background-color:#f6f1e8;
  background-image:
    radial-gradient(920px 520px at 8% -8%, rgba(237,178,70,0.28), transparent 62%),
    radial-gradient(760px 460px at 100% 12%, rgba(237,178,70,0.14), transparent 58%),
    linear-gradient(180deg, #fbf8f3 0%, #efe6d4 100%);
  background-attachment:fixed;
}
.navbar.sticky{
  background:rgba(22,22,22,0.62);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
  border-bottom:0;
  box-shadow:none;
}
@media (max-width:868px){
  .navbar .menu-list{
    background:rgba(18,18,18,0.72);
    -webkit-backdrop-filter:blur(18px) saturate(1.3);
    backdrop-filter:blur(18px) saturate(1.3);
  }
}
.hr,
.contact .hr,
.skills .hr{
  display:none;
}
.section-header{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:0;
  background:transparent;
  box-shadow:none;
}
.section-header::before,
.section-header::after{
  content:"";
  flex:1 1 auto;
  height:3px;
  background:#1a1a1a;
  border-radius:999px;
}
.section-header::before{
  margin-right:18px;
}
.section-header::after{
  margin-left:18px;
}
.section-header > i{
  margin-right:10px;
}
.skills .section-header::before,
.skills .section-header::after,
.contact .section-header::before,
.contact .section-header::after{
  background:#1a1a1a;
}
.skills .section-header,
.contact .section-header{
  background:transparent;
  box-shadow:none;
}
.header .contact-button button{
  border-radius:8px;
  background:rgba(0,0,0,0.22);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.about .me img{
  border-radius:8px;
  border:2px solid #1a1a1a;
  box-sizing:border-box;
}
html[data-theme="dark"] .about .me img{
  border-color:#edb246;
  box-shadow:none;
}
blockquote{
  box-sizing:border-box;
  background:rgba(255,255,255,0.58);
  -webkit-backdrop-filter:blur(16px) saturate(1.25);
  backdrop-filter:blur(16px) saturate(1.25);
  border-radius:8px;
  border-right-color:transparent;
  box-shadow:0 10px 28px rgba(54,67,77,0.08);
  transition:height .45s cubic-bezier(.22,.7,.25,1), background-color .7s ease, color .7s ease, border-color .7s ease, box-shadow .7s ease, filter .7s ease;
}
.contact{
  position:relative;
  background-color:rgba(255,255,255,0.58);
  background-image:none;
  color:#111;
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
}
.contact::before{
  content:none;
}
.contact > .container{
  position:relative;
  z-index:1;
}
.contact .section-header,
.contact .row i,
.contact .row p,
.contact .social-accounts a,
.contact .social-accounts a i,
.contact .copy-note,
.contact .copy-note i{
  color:#4a4a4a;
}
.contact .row .email{
  color:#1a1a1a;
  font-weight:700;
  cursor:pointer;
}
.contact .section-header::before,
.contact .section-header::after{
  background:#1a1a1a;
}
.contact .left{
  border:0;
}
.contact.secSpace{
  padding-bottom:48px;
}
body.player-docked .contact.secSpace{
  padding-bottom:128px;
}
@media (max-width:720px){
  body.player-docked .contact.secSpace{
    padding-bottom:168px;
  }
}
.contact .section-header,
.contact .row,
.contact .social-accounts,
.contact .copy-note{
  opacity:0;
  transform:translateY(18px);
  transition:opacity .65s ease, transform .65s ease;
}
.contact.is-in .section-header,
.contact.is-in .row,
.contact.is-in .social-accounts,
.contact.is-in .copy-note{
  opacity:1;
  transform:none;
}
.contact.is-in .row{transition-delay:.08s;}
.contact.is-in .social-accounts{transition-delay:.16s;}
.contact.is-in .copy-note{transition-delay:.24s;}
@media (prefers-reduced-motion:reduce){
  .contact .section-header,
  .contact .row,
  .contact .social-accounts,
  .contact .copy-note{
    opacity:1;
    transform:none;
    transition:none;
  }
}
.contact .row{
  text-align:center;
}
.contact .row p{
  display:inline-block;
  float:none;
  width:auto;
  margin:8px auto 0;
  padding:10px 18px;
  line-height:1.4;
  border:2px solid #1a1a1a;
  border-radius:12px;
  background:rgba(255,255,255,0.55);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  backdrop-filter:blur(16px) saturate(1.3);
}
.contact .row i{
  float:none;
  display:inline-block;
  width:auto;
  margin-right:8px;
  line-height:1;
  vertical-align:middle;
}
.contact .social-accounts{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  width:100%;
  margin:14px auto 0;
  padding:0;
}
.contact .social-accounts a,
.contact .social-accounts a:hover,
.contact .social-accounts a:focus,
.contact .social-accounts a:active{
  width:56px;
  height:56px;
  margin:0 5px;
  padding:0;
  border:2px solid #1a1a1a;
  border-radius:12px;
  background:rgba(255,255,255,0.55);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  backdrop-filter:blur(16px) saturate(1.3);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  line-height:1;
  font-size:24px;
  vertical-align:middle;
  text-decoration:none;
  outline:none;
  box-shadow:none;
  transition:transform .28s ease, color .28s ease, border-color .28s ease;
}
.contact .social-accounts a i{
  font-size:24px;
  line-height:1;
}
@media (hover:hover) and (min-width:721px){
  .contact .social-accounts a:hover{
    transform:translateY(-3px);
    color:#edb246;
    border-color:#1a1a1a;
  }
  .contact .social-accounts a:hover i{
    color:#edb246;
  }
}
@media (max-width:720px){
  .contact .social-accounts a:hover,
  .contact .social-accounts a:hover i,
  .contact .social-accounts a:active,
  .contact .social-accounts a:active i{
    transform:none;
    color:#4a4a4a;
    border-color:#1a1a1a;
  }
}
.contact .copy-note{
  clear:both;
  margin:28px 0 0;
  padding-top:0;
  text-align:center;
  color:#4a4a4a;
  font-family:Quicksand,sans-serif;
  font-size:14px;
}
.contact .copy-note::before{
  content:"";
  display:block;
  width:64px;
  height:2px;
  margin:0 auto 16px;
  border-radius:999px;
  background:#1a1a1a;
}
@media (min-width:992px){
  .contact .copy-note{
    margin-top:36px;
  }
  .contact .row p{
    display:inline-block;
    width:auto;
  }
}
.contact form input,
.contact form textarea{
  background-color:#fff;
  color:#111;
  border-color:#ddd;
}
.contact .section-header{
  background:transparent;
  box-shadow:none;
  white-space:nowrap;
}
@media (max-width:480px){
  .contact .section-header{
    width:100%;
    max-width:100%;
  }
}
.footer{
  background-color:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-top:0;
}
.footer p,
.footer p i{
  color:#b5b5b5;
}
#music .playpause-track,
#music .playpause-track i,
#music .prev-track,
#music .prev-track i,
#music .next-track,
#music .next-track i,
#music .shuffle-track,
#music .shuffle-track i,
#music .volume-btn,
#music .volume-btn i,
body.player-docked .mfp-wrap:has(#music) .mfp-close{
  color:#1a1a1a !important;
}
#music .shuffle-track.is-on,
#music .shuffle-track.is-on i{
  color:#edb246 !important;
}
body.player-docked #music.white-popup{
  background:rgba(255,255,255,0.72);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
  backdrop-filter:blur(22px) saturate(1.4);
  border-top:1px solid rgba(255,255,255,0.55);
}
#music-fab{
  background:rgba(255,255,255,0.38);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  backdrop-filter:blur(18px) saturate(1.5);
  border:2px solid #1a1a1a;
  color:#1a1a1a;
}
#music-fab i{
  color:#1a1a1a;
}
html[data-theme="dark"]{
  background-color:#000;
}
html[data-theme="dark"] body{
  background-color:#000;
  background-image:
    radial-gradient(840px 460px at 0% 0%, rgba(237,178,70,0.09), transparent 62%),
    radial-gradient(680px 420px at 100% 18%, rgba(237,178,70,0.05), transparent 58%);
}
.navbar .logo .logo-dot{
  fill:#1a1a1a;
}
html[data-theme="dark"] .navbar .logo .logo-dot{
  fill:#edb246;
}
html[data-theme="dark"] .navbar.sticky,
html[data-theme="dark"] .navbar .menu-list{
  background:rgba(0,0,0,0.72);
  border-bottom:0;
  box-shadow:none;
}
html[data-theme="dark"] .section-header,
html[data-theme="dark"] .contact .section-header,
html[data-theme="dark"] .skills .section-header{
  background:transparent;
  background-color:transparent;
  box-shadow:none;
}
html[data-theme="dark"] .section-header{
  color:#fff;
}
html[data-theme="dark"] .section-header::before,
html[data-theme="dark"] .section-header::after{
  background:#edb246;
}
.blog-card{
  border-color:#1a1a1a;
}
html[data-theme="dark"] .blog-card{
  border:2px solid rgba(237,178,70,0.85);
}
html[data-theme="dark"] .blog-card-copy{
  background:linear-gradient(transparent, rgba(0,0,0,0.2) 30%, rgba(0,0,0,0.78));
}
html[data-theme="dark"] .blog-title,
html[data-theme="dark"] .blog-reader-panel h3{
  color:#f4f1ea;
  font-weight:700;
}
html[data-theme="dark"] .blog-older,
html[data-theme="dark"] .blog-load{
  border-color:rgba(237,178,70,0.85);
  color:#edb246;
  background:rgba(0,0,0,0.38);
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  backdrop-filter:blur(18px) saturate(1.5);
}
html[data-theme="dark"] .blog-older i,
html[data-theme="dark"] .blog-load i{
  color:#fff;
}
@media (hover:hover){
  html[data-theme="dark"] .blog-load:hover{
    background:rgba(0,0,0,0.62);
    color:#edb246;
  }
}
html[data-theme="dark"] .blog-archive{
  background:rgba(0,0,0,0.72);
}
html[data-theme="dark"] .blog-archive-panel{
  background:rgba(0,0,0,0.78);
  color:#f4f1ea;
  border:2px solid rgba(237,178,70,0.85);
}
html[data-theme="dark"] .blog-archive-panel h3,
html[data-theme="dark"] .blog-archive-item .blog-title{
  color:#f4f1ea;
}
html[data-theme="dark"] .blog-archive-panel h3 i{
  color:#fff;
}
html[data-theme="dark"] .blog-archive-count,
html[data-theme="dark"] .blog-archive-item i{
  color:#f4f1ea;
}
html[data-theme="dark"] .blog-archive-year{
  color:#edb246;
}
html[data-theme="dark"] .blog-archive-more{
  color:#fff;
  border-color:rgba(237,178,70,0.85);
}
html[data-theme="dark"] .blog-archive-more i{
  color:#fff;
}
html[data-theme="dark"] .blog-archive-item{
  border:0;
}
html[data-theme="dark"] .about-text h3 .fa-badge-check{
  color:#edb246;
}
html[data-theme="dark"] .blog-date{
  color:#edb246;
}
html[data-theme="dark"] .blog-card .blog-date::before{
  color:#fff;
}
@media (min-width:721px){
  html[data-theme="dark"] .blog-card-copy{
    background:rgba(0,0,0,0.46);
    -webkit-backdrop-filter:blur(18px) saturate(1.4);
    backdrop-filter:blur(18px) saturate(1.4);
  }
  html[data-theme="dark"] .blog-card .blog-title{
    color:#fff;
  }
  html[data-theme="dark"] .blog-card .blog-date{
    color:#edb246;
  }
}
@media (max-width:720px){
  html[data-theme="dark"] .blog-card{
    background:rgba(0,0,0,0.62);
    border:2px solid rgba(237,178,70,0.85);
  }
  html[data-theme="dark"] .blog-card-copy{
    background:none;
  }
}
html[data-theme="dark"] .blog-reader{
  background:rgba(0,0,0,0.72);
}
html[data-theme="dark"] .blog-reader-close{
  color:#edb246;
  background:rgba(0,0,0,0.38);
  border:2px solid #edb246;
  -webkit-backdrop-filter:blur(18px) saturate(1.5);
  backdrop-filter:blur(18px) saturate(1.5);
}
html[data-theme="dark"] .blog-reader-hero::after{
  background:rgba(0,0,0,0.28);
}
html[data-theme="dark"] .blog-reader-panel{
  background:rgba(0,0,0,0.72);
  color:#f4f1ea;
  border:2px solid rgba(237,178,70,0.85);
  -webkit-backdrop-filter:blur(22px) saturate(1.4);
  backdrop-filter:blur(22px) saturate(1.4);
}
html[data-theme="dark"] .blog-reader-body{
  color:#f4f1ea;
}
html[data-theme="dark"] .blog-reader .blog-date{
  color:#edb246;
}
html[data-theme="dark"] .blog-reader-panel h3,
html[data-theme="dark"] .blog-reader-body h2,
html[data-theme="dark"] .blog-reader-body h3,
html[data-theme="dark"] .blog-reader-body h4{
  color:#edb246;
}
html[data-theme="dark"] .blog-reader-body a{
  color:#edb246;
}
html[data-theme="dark"] .contact{
  background:rgba(0,0,0,0.72);
  background-image:none;
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  backdrop-filter:blur(18px) saturate(1.35);
}
html[data-theme="dark"] .contact .row p,
html[data-theme="dark"] .contact .social-accounts a{
  background:rgba(0,0,0,0.42);
  border-color:rgba(237,178,70,0.85);
}
html[data-theme="dark"] .contact .copy-note::before{
  background:#edb246;
}
html[data-theme="dark"] .contact::before{
  content:none;
}
html[data-theme="dark"] .contact .section-header,
html[data-theme="dark"] .contact .row i,
html[data-theme="dark"] .contact .row p,
html[data-theme="dark"] .contact .social-accounts a,
html[data-theme="dark"] .contact .social-accounts a i,
html[data-theme="dark"] .contact .copy-note,
html[data-theme="dark"] .contact .copy-note i{
  color:#f4f1ea;
}
html[data-theme="dark"] .contact .copy-brand{
  color:#edb246;
}
html[data-theme="dark"] .contact .row .email{
  color:#edb246;
  font-weight:700;
}
html[data-theme="dark"] .contact .social-accounts a:hover,
html[data-theme="dark"] .contact .social-accounts a:hover i{
  color:#edb246;
  border-color:#edb246;
}
@media (max-width:720px){
  html[data-theme="dark"] .contact .social-accounts a:hover,
  html[data-theme="dark"] .contact .social-accounts a:hover i,
  html[data-theme="dark"] .contact .social-accounts a:active,
  html[data-theme="dark"] .contact .social-accounts a:active i{
    color:#f4f1ea;
    border-color:rgba(237,178,70,0.85);
    transform:none;
  }
}
.tooltip > .tooltip-inner,
.tooltip-inner{
  background-color:#fff;
  color:#4a4a4a;
  border:2px solid #1a1a1a;
}
.tooltip.top > .tooltip-arrow,
.tooltip.top .tooltip-arrow,
.tooltip.top-left .tooltip-arrow,
.tooltip.top-right .tooltip-arrow{
  border-top-color:#1a1a1a;
}
.tooltip.bottom > .tooltip-arrow,
.tooltip.bottom .tooltip-arrow,
.tooltip.bottom-left .tooltip-arrow,
.tooltip.bottom-right .tooltip-arrow{
  border-bottom-color:#1a1a1a;
}
.tooltip.left > .tooltip-arrow,
.tooltip.left .tooltip-arrow{
  border-left-color:#1a1a1a;
}
.tooltip.right > .tooltip-arrow,
.tooltip.right .tooltip-arrow{
  border-right-color:#1a1a1a;
}
html[data-theme="dark"] .tooltip > .tooltip-inner,
html[data-theme="dark"] .tooltip-inner{
  background-color:#000;
  color:#f4f1ea;
  border-color:#edb246;
}
html[data-theme="dark"] .tooltip.top > .tooltip-arrow,
html[data-theme="dark"] .tooltip.top .tooltip-arrow,
html[data-theme="dark"] .tooltip.top-left .tooltip-arrow,
html[data-theme="dark"] .tooltip.top-right .tooltip-arrow{
  border-top-color:#edb246;
}
html[data-theme="dark"] .tooltip.bottom > .tooltip-arrow,
html[data-theme="dark"] .tooltip.bottom .tooltip-arrow,
html[data-theme="dark"] .tooltip.bottom-left .tooltip-arrow,
html[data-theme="dark"] .tooltip.bottom-right .tooltip-arrow{
  border-bottom-color:#edb246;
}
html[data-theme="dark"] .tooltip.left > .tooltip-arrow,
html[data-theme="dark"] .tooltip.left .tooltip-arrow{
  border-left-color:#edb246;
}
html[data-theme="dark"] .tooltip.right > .tooltip-arrow,
html[data-theme="dark"] .tooltip.right .tooltip-arrow{
  border-right-color:#edb246;
}
html[data-theme="dark"] .contact form input,
html[data-theme="dark"] .contact form textarea{
  background-color:#111;
  color:#f4f1ea;
  border-color:#333;
}
html[data-theme="dark"] .skills .skill .back{
  background-color:rgba(255,255,255,0.16);
}
html[data-theme="dark"] .footer{
  background-color:#000;
  border-top:0;
}
html[data-theme="dark"] #music .playpause-track,
html[data-theme="dark"] #music .playpause-track i,
html[data-theme="dark"] body.player-docked .mfp-wrap:has(#music) .mfp-close{
  color:#edb246 !important;
}
html[data-theme="dark"] #music .volume-btn,
html[data-theme="dark"] #music .volume-btn i{
  color:#fff !important;
}
html[data-theme="dark"] #music .prev-track,
html[data-theme="dark"] #music .prev-track i,
html[data-theme="dark"] #music .next-track,
html[data-theme="dark"] #music .next-track i,
html[data-theme="dark"] #music .shuffle-track,
html[data-theme="dark"] #music .shuffle-track i{
  color:#fff !important;
}
html[data-theme="dark"] #music .shuffle-track.is-on,
html[data-theme="dark"] #music .shuffle-track.is-on i{
  color:#edb246 !important;
}
.statistics,
.skills{
  position:relative;
}
.statistics > .container,
.skills > .container{
  position:relative;
  z-index:1;
}
html[data-theme="dark"] .statistics::before,
html[data-theme="dark"] .skills::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:rgba(0,0,0,0.34);
  -webkit-backdrop-filter:blur(3px);
  backdrop-filter:blur(3px);
}
.statistics .stat{
  margin:12px 0;
  padding:22px 12px 16px;
  border:2px solid #1a1a1a;
  border-radius:16px;
  background:rgba(255,255,255,0.48);
  -webkit-backdrop-filter:blur(16px) saturate(1.3);
  backdrop-filter:blur(16px) saturate(1.3);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .7s ease, transform .7s cubic-bezier(.22,.7,.25,1), border-color .28s ease, background-color .7s ease;
}
.statistics.is-in .stat{
  opacity:1;
  transform:none;
}
.statistics.is-in .stat:nth-child(2){transition-delay:.08s;}
.statistics.is-in .stat:nth-child(3){transition-delay:.16s;}
.statistics.is-in .stat:nth-child(4){transition-delay:.24s;}
@media (max-width:720px){
  .statistics .stat{
    opacity:1;
    transform:none;
  }
}
@media (min-width:992px){
  .statistics .container{
    display:flex;
    justify-content:center;
    gap:18px;
  }
  .statistics .stat{
    float:none;
    width:auto;
    flex:1 1 0;
    margin:12px 0;
  }
  .statistics .fix{
    display:none;
  }
}
.statistics .stat i{
  color:#1a1a1a;
  font-size:42px;
}
.statistics .stat .num{
  color:#1a1a1a;
  font-size:32px;
  font-weight:600;
  letter-spacing:0.02em;
  padding-top:8px;
}
.statistics .stat .num::after{
  content:"";
  display:block;
  width:36px;
  height:2px;
  margin:10px auto 0;
  border-radius:999px;
  background:#edb246;
  transform:scaleX(0);
  transform-origin:center;
  transition:transform .5s cubic-bezier(.22,.7,.25,1);
}
.statistics.is-in .stat .num::after{
  transform:scaleX(1);
  transition-delay:.35s;
}
.statistics .stat .title{
  color:#36434d;
  font-size:15px;
  letter-spacing:0.04em;
  padding-top:8px;
}
.statistics .stat:hover .title,
.statistics .stat:hover i{
  color:#edb246;
}
html[data-theme="dark"] .statistics .stat{
  background:rgba(0,0,0,0.46);
  border-color:rgba(237,178,70,0.85);
}
html[data-theme="dark"] .statistics .stat i{
  color:#fff;
}
html[data-theme="dark"] .statistics .stat .num{
  color:#edb246;
}
html[data-theme="dark"] .statistics .stat .title,
html[data-theme="dark"] .statistics .stat:hover .title{
  color:#f4f1ea;
}
html[data-theme="dark"] .statistics .stat:hover i,
html[data-theme="dark"] .statistics .stat:hover a,
html[data-theme="dark"] .statistics .stat:hover a i{
  color:#edb246;
}
@media (hover:hover) and (min-width:721px){
  .statistics.is-in .stat:hover{
    transform:translateY(-4px);
    border-color:#1a1a1a;
    transition-delay:0s;
  }
  html[data-theme="dark"] .statistics.is-in .stat:hover{
    border-color:#edb246;
  }
}
@media (prefers-reduced-motion:reduce){
  .statistics .stat,
  .statistics .stat .num::after{
    opacity:1;
    transform:none;
    transition:none;
  }
}
html[data-theme="dark"] blockquote {
  background: rgba(255,255,255,0.06);
  color: #f4f1ea;
  border-right-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}
html[data-theme="dark"] blockquote a{
  background:rgba(255,255,255,0.08);
}
html[data-theme="dark"] .white-popup,
html[data-theme="dark"] body.player-docked #music.white-popup{
  background:rgba(0,0,0,0.78);
  border-top-color:rgba(255,255,255,0.1);
}
html[data-theme="dark"] .music-shelf .music-card-back{
  background:transparent;
  color:#f4f1ea;
  box-shadow:none;
}
html[data-theme="dark"] #music-fab{
  background:rgba(0,0,0,0.62);
  border:2px solid #edb246;
  color:#edb246;
}
html[data-theme="dark"] #music-fab i{
  color:#edb246;
}
html[data-theme="dark"] .music-shelf .music-card-back i{
  color:#edb246;
}
html[data-theme="dark"] .music-shelf .music-card-title{
  color:#f4f1ea;
}
html[data-theme="dark"] #music .track-artist{
  color:#edb246;
}
html[data-theme="dark"] #music.is-playing .seek_slider{
  background:
    linear-gradient(#2a2a2a, #2a2a2a) right center / calc(100% - var(--seek)) 100% no-repeat,
    linear-gradient(90deg, transparent, rgba(255,255,255,.85), transparent) -40px center / 34px 100% no-repeat,
    linear-gradient(#edb246, #edb246) left center / var(--seek) 100% no-repeat,
    #2a2a2a;
}
html[data-theme="dark"] #music.is-playing .seek_slider.is-sheen{
  animation:seek-sheen 2.4s ease-in-out 1;
}
html[data-theme="dark"] #music .seek_slider{
  --seek-dot: #edb246;
  color: #edb246;
  accent-color: #edb246;
  background:
    linear-gradient(#edb246, #edb246) 0 0 / var(--seek) 100% no-repeat,
    #2a2a2a;
}