.go-top {
    display: none;
    opacity: 0.6;
    z-index: 999999;
    position: fixed;
    bottom: 113px;
    left: 90%;
    margin-left: 40px;
    border: 1px solid #fff;
    width: 50px;
    height: 50px;
    background-color: #666;
    border-radius: 3px;
    cursor: pointer;
}

.go-top:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

.go-top .arrow {
    position: absolute;
    left: 15px;
    top: 2px;
    width: 0;
    height: 0;
    border: 9px solid transparent;
    border-bottom-color: #fff;
}

.go-top .stick {
    position: absolute;
    left: 20px;
    top: 15px;
    width: 8px;
    height: 20px;
    display: block;
    background-color: #fff;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}

.text-1-2 {
    font-size: 1.2rem;
}

.text-1-1 {
    font-size: 1.1rem;
}

.text-1 {
    font-size: 1.0rem;
}

.text-0-8 {
    font-size: 0.8rem;
}

.text-0-5 {
    font-size: 0.5rem;
}

input.parsley-success,
select.parsley-success,
textarea.parsley-success {
    color: #468847;
    background-color: #DFF0D8;
    border: 1px solid #D6E9C6;
}

input.parsley-error,
select.parsley-error,
textarea.parsley-error {
    color: #B94A48;
    background-color: #F2DEDE;
    border: 1px solid #EED3D7;
}

.parsley-errors-list {
    margin: 2px 0 3px 10px;
    padding: 0 0 0 2px;
    list-style-type: none;
    font-size: 0.9em;
    line-height: 0.9em;
    opacity: 0;
    color: #B94A48;

    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
}

.parsley-errors-list.filled {
    opacity: 1;
}


/* =========================
   Cyberpunk theme overrides
   (content unchanged; styling only)
   ========================= */
:root{
  --cp-bg-0:#070714;
  --cp-bg-1:#0b0b22;
  --cp-fg:#e7e8ff;
  --cp-muted:#aab0ff;
  --cp-cyan:#00e5ff;
  --cp-magenta:#ff2bd6;
  --cp-purple:#7c3aed;
  --cp-green:#00ff9a;
  --cp-border:rgba(255,255,255,.12);
  --cp-glow-cyan:0 0 10px rgba(0,229,255,.35), 0 0 28px rgba(0,229,255,.20);
  --cp-glow-magenta:0 0 10px rgba(255,43,214,.35), 0 0 28px rgba(255,43,214,.20);
  --cp-radius:14px;
}

/* Base */
html,body{
  height:100%;
}
body{
  color:var(--cp-fg);
  background:
    radial-gradient(1200px 600px at 10% 10%, rgba(255,43,214,.18), transparent 55%),
    radial-gradient(900px 500px at 90% 20%, rgba(0,229,255,.18), transparent 55%),
    radial-gradient(800px 600px at 50% 90%, rgba(124,58,237,.14), transparent 60%),
    linear-gradient(180deg, var(--cp-bg-0), var(--cp-bg-1));
  letter-spacing:.2px;
}

/* Scanlines + vignette */
body::before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      to bottom,
      rgba(255,255,255,.03),
      rgba(255,255,255,.03) 1px,
      rgba(0,0,0,0) 3px,
      rgba(0,0,0,0) 6px
    );
  mix-blend-mode:overlay;
  opacity:.35;
  z-index:99999;
}
body::after{
  content:"";
  position:fixed;
  inset:-20%;
  pointer-events:none;
  background:radial-gradient(circle at 50% 40%, transparent 35%, rgba(0,0,0,.55) 72%, rgba(0,0,0,.72) 100%);
  z-index:99998;
}

/* Links */
a, a:visited{
  color:var(--cp-cyan);
  text-decoration:none;
}
a:hover{
  color:var(--cp-magenta);
  text-shadow:var(--cp-glow-magenta);
}

/* Containers and panels */
.container{
  position:relative;
  z-index:1;
}
.card, .list-group, .table, .alert, .jumbotron,
div[class*="panel"], .well{
  border-radius:var(--cp-radius) !important;
}

/* Navbar */
.navbar, .navbar.bg-light{
  background:rgba(10,10,30,.72) !important;
  border-bottom:1px solid var(--cp-border);
  backdrop-filter: blur(10px);
}
.navbar .navbar-brand,
.navbar .nav-link{
  color:var(--cp-fg) !important;
}
.navbar .nav-link:hover{
  color:var(--cp-cyan) !important;
  text-shadow:var(--cp-glow-cyan);
}
.navbar-toggler{
  border-color:rgba(255,255,255,.25) !important;
}
.navbar-toggler-icon{
  filter:invert(1) opacity(.85);
}

/* Cards / content blocks */
.card, .jumbotron, .alert, .list-group-item, .table, .modal-content, .dropdown-menu{
  background:rgba(12,12,34,.72) !important;
  border:1px solid var(--cp-border) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.35);
}
.list-group-item{
  color:var(--cp-fg) !important;
}
hr{
  border-top:1px solid var(--cp-border) !important;
  opacity:1;
}

/* Headings */
h1,h2,h3,h4,h5{
  color:var(--cp-fg);
  text-shadow: 0 0 18px rgba(124,58,237,.22);
}
h1 .badge, h2 .badge, h3 .badge{
  border:1px solid var(--cp-border);
}

/* Buttons */
.btn{
  border-radius: 999px !important;
  border:1px solid var(--cp-border) !important;
  background:rgba(255,255,255,.04) !important;
  color:var(--cp-fg) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.28);
}
.btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 0 0 1px rgba(0,229,255,.18), var(--cp-glow-cyan), 0 12px 30px rgba(0,0,0,.35);
}
.btn-primary{
  background: linear-gradient(135deg, rgba(0,229,255,.25), rgba(255,43,214,.18)) !important;
  border-color:rgba(0,229,255,.30) !important;
}
.btn-danger{
  background: linear-gradient(135deg, rgba(255,43,214,.22), rgba(124,58,237,.18)) !important;
  border-color:rgba(255,43,214,.30) !important;
}
.btn-success{
  background: linear-gradient(135deg, rgba(0,255,154,.18), rgba(0,229,255,.16)) !important;
  border-color:rgba(0,255,154,.30) !important;
}

/* Forms */
.form-control, input, textarea, select{
  background:rgba(10,10,30,.55) !important;
  color:var(--cp-fg) !important;
  border:1px solid var(--cp-border) !important;
  border-radius: 12px !important;
}
.form-control:focus, input:focus, textarea:focus, select:focus{
  outline:none !important;
  box-shadow: 0 0 0 2px rgba(0,229,255,.18), var(--cp-glow-cyan) !important;
}

/* Tables */
.table{
  color:var(--cp-fg) !important;
}
.table thead th{
  border-bottom:1px solid var(--cp-border) !important;
}
.table td, .table th{
  border-top:1px solid rgba(255,255,255,.08) !important;
}

/* Code blocks */
pre, code{
  background:rgba(0,0,0,.35);
  color:var(--cp-green);
  border:1px solid rgba(0,255,154,.18);
  border-radius: 12px;
}

/* Go-top button (existing component) */
.go-top{
  background:rgba(12,12,34,.72) !important;
  border:1px solid var(--cp-border) !important;
  box-shadow: var(--cp-glow-magenta), 0 12px 30px rgba(0,0,0,.35);
}
.go-top:hover{
  box-shadow: var(--cp-glow-cyan), 0 12px 30px rgba(0,0,0,.35);
}

