/* latin-ext */
html {
  scroll-behavior: smooth;
  /* background: linear-gradient(to bottom left, #ffffff,#dcf0dc); */
}

@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAUi-qNiXg7eU0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: local('Lato Italic'), local('Lato-Italic'), url(https://fonts.gstatic.com/s/lato/v15/S6u8w4BMUTPHjxsAXC-qNiXg7Q.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_FQftx9897sxZ.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: italic;
  font-weight: 700;
  src: local('Lato Bold Italic'), local('Lato-BoldItalic'), url(https://fonts.gstatic.com/s/lato/v15/S6u_w4BMUTPHjxsI5wq_Gwftx9897g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjxAwXiWtFCfQ7A.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v15/S6uyw4BMUTPHjx4wXiWtFCc.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwaPGQ3q5d0N7w.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(https://fonts.gstatic.com/s/lato/v15/S6u9w4BMUTPHh6UVSwiPGQ3q5d0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

a {
  color: #1772d0;
  text-decoration: none;
}

a:focus,
a:hover {
  color: #f09228;
  text-decoration: none;
}

body,
td,
th,
tr,
p,
a {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

strong {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
}

h2 {
  margin: 0;
  font-weight: normal;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 22px;
}

.papertitle {
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.name {
  padding-top: 20px;
  margin: 0;
  font-family: 'Lato', Verdana, Helvetica, sans-serif;
  font-size: 32px;
}

.one {
  width: 160px;
  height: 160px;
  position: relative;
}

.two {
  width: 160px;
  height: 160px;
  position: absolute;
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

.fade {
  transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -webkit-transition: opacity .2s ease-in-out;
}

span.highlight {
  background-color: #ffffd0;
}

.back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  text-decoration: none;
  font-size: 24px;
  background: #333;
  color: #fff;
  padding: 10px 15px;
  border-radius: 50%;
  opacity: 0.7;
  transition: opacity 0.3s ease;
  z-index: 1000;
}

.back-to-top:hover {
  opacity: 1;
  background: #000;
}

/* Responsive Fixes for Smaller Screens */
@media (max-width: 768px) {
  body,
  td,
  th,
  tr,
  p,
  a,
  strong {
    font-size: 16px;
  }

  .name {
    font-size: 24px;
    text-align: center;
    padding: 10px 0;
  }

  h2 {
    font-size: 20px;
    text-align: center;
  }

  .papertitle {
    font-size: 16px;
  }

  .one,
  .two {
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
  }

  .back-to-top {
    font-size: 20px;
    padding: 8px 12px;
    bottom: 15px;
    right: 15px;
  }

  .glass-section {
    width: 95%;
    margin: 10px auto;
    padding: 15px;
    box-sizing: border-box;
  }

  .fade {
    text-align: center;
  }

  span.highlight {
    display: inline-block;
    word-wrap: break-word;
  }
}

img {
  max-width: 110%;
  height: auto;
}

.container {
  width: 100%;
  max-width: 512px;
  box-sizing: border-box;
  padding: 0 1rem;
}

img {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
  cursor: none;
  border-radius: 12px;
  box-shadow: 0 1px 31px rgba(0, 0, 0, 0.1);
  /* pointer-events: none; */
}

img:hover {
  transform: scale(1.1); 
  /* pointer-events: none; */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}


a.zoom {
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  transform-origin: center;
  cursor: none;
  border-radius: 12px;
  box-shadow: 0 1px 31px rgba(0, 0, 0, 0.1);
  /* pointer-events: none; */
}

a.zoom:hover {
  transform: scale(1.1); 
  /* pointer-events: none; */
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
}

*::selection {
  background: #81e69f6b;
  color: #000000;
} 

img {
  user-select: none;
  -webkit-user-select: none; /* Safari */
  -moz-user-select: none;    /* Firefox */
  -ms-user-select: none;     /* IE10+/Edge */
  pointer-events: auto;      /* Allow clicking (keep interactivity) */
}

/* Fancy Mouse */

/* Hide default cursor */
/* body {
  cursor: none;
}

#fancy-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: radial-gradient(circle, #f09228, #ff6c00);
  border-radius: 50%;
  pointer-events: none;
  z-index: 99999;
  transform: translate(-50%, -50%);
  box-shadow: 0 0 15px #ff6c00aa;
  transition: background 0.2s ease;
}

#tech-cursor {
  position: fixed;
  top: 0;
  left: 0;
  width: 50px;
  height: 50px;
  pointer-events: none;
  z-index: 99999;

  border: 4.5px solid rgba(127, 196, 190, 0.055);
  background: rgba(0, 255, 255, 0.05);
  border-radius: 50%;
  box-shadow: 0 0 6px rgba(0, 255, 255, 0.1),
              0 0 20px rgba(0, 255, 255, 0.336) inset;
  backdrop-filter: blur(4px);
  transition: background 0.2s ease, transform 0.1s ease;  
  mix-blend-mode: exclusion;
  transform: translate(-50%, -50%);
} */

/* Fancy Mouse */