@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&family=Newsreader:ital,wght@0,400;0,500;1,400&display=swap');

:root {
  --gold:    #caa15a;
  --gold-d:  #b08a45;
  --gold-s:  rgba(202,161,90,.14);

  --bg:      #131418;
  --bg-2:    #1a1c22;
  --bg-3:    #21242c;
  --bg-4:    #2b2f3a;

  --tt:        #ece9e2;
  --tt-2:      #b8b4aa;
  --tt-3:      #807c74;
  --tt-4:      #56534c;

  --line:    rgba(255,255,255,.08);
  --line-2:  rgba(255,255,255,.14);

  --good:    #5fa884;
  --bad:     #c9785a;

  --radius:        11px;
  --cover-radius:  5px;
  --r-lg:          18px;

  --font-ui:   'Manrope', system-ui, sans-serif;
  --font-read: 'Newsreader', Georgia, serif;

  --sh1: 0 1px 4px rgba(0,0,0,.3);
  --sh2: 0 8px 28px rgba(0,0,0,.4);
  --sh3: 0 20px 60px rgba(0,0,0,.55);

  --max: 1300px;
  --sb:  280px;
  --tap: 44px;
  --ez:  cubic-bezier(.22,1,.36,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;border:0;outline:none;background:0 0;}
ol,ul{list-style:none;}
img,video,iframe{max-width:100%;display:block;}
html{font-size:62.5%;scroll-behavior:smooth;}
body{
  font:1.5rem/1.65 var(--font-ui);
  color:var(--tt);background:var(--bg);
  -webkit-font-smoothing:antialiased;
  -webkit-tap-highlight-color:transparent;
}
a{color:inherit;text-decoration:none;transition:color .15s;}
h1,h2,h3,h4{font-weight:700;line-height:1.25;font-family:var(--font-ui);}
b,strong{font-weight:600;}
::selection{background:var(--gold-s);color:var(--gold);}

input[type=text],input[type=password],input[type=email],textarea{
  font:1.4rem var(--font-ui);width:100%;padding:0 14px;height:44px;
  background:var(--bg-3);color:var(--tt);
  border:1.5px solid var(--line-2);border-radius:var(--radius);
  transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;
}
input:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-s);background:var(--bg-4);}
input::placeholder,textarea::placeholder{color:var(--tt-4);}
textarea{height:auto;padding:12px 14px;resize:vertical;}

button,.btn,input[type=button],input[type=submit]{
  display:inline-flex;align-items:center;justify-content:center;gap:7px;
  cursor:pointer;padding:0 22px;min-height:var(--tap);
  background:var(--gold);color:#1a1208;
  font:700 1.4rem var(--font-ui);
  border-radius:var(--radius);white-space:nowrap;transition:all .15s;
  touch-action:manipulation;
}
button:hover,.btn:hover,input[type=submit]:hover{background:var(--gold-d);box-shadow:0 4px 18px rgba(202,161,90,.3);}
button:active{transform:scale(.97);}

.hidden{display:none;}

::-webkit-scrollbar{width:5px;}
::-webkit-scrollbar-track{background:var(--bg-2);}
::-webkit-scrollbar-thumb{background:var(--bg-4);border-radius:3px;}
::-webkit-scrollbar-thumb:hover{background:var(--tt-4);}

.pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:28px 0 4px;}
.pagination a,.pagination span{
  display:inline-flex;align-items:center;justify-content:center;
  min-width:var(--tap);height:var(--tap);padding:0 10px;
  border-radius:var(--radius);font-size:1.4rem;font-weight:600;transition:all .15s;
}
.pagination a{background:var(--bg-3);color:var(--tt-3);border:1.5px solid var(--line);}
.pagination a:hover{border-color:var(--gold);color:var(--gold);background:var(--gold-s);}
.pagination span:not(.nav_ext){background:var(--gold);color:#1a1208;border:1.5px solid var(--gold);}

#gotop{
  position:fixed;right:18px;bottom:18px;z-index:990;
  width:var(--tap);height:var(--tap);border-radius:var(--radius);
  background:var(--bg-3);color:var(--tt-2);
  display:none;align-items:center;justify-content:center;
  font-size:1.6rem;cursor:pointer;
  border:1.5px solid var(--line-2);box-shadow:var(--sh2);
  transition:all .15s;padding:0;min-width:unset;
}
#gotop:hover{background:var(--gold);color:#1a1208;border-color:var(--gold);}