* {font-size: 14px;user-select: none; line-height: normal; font-family: inherit; font-size: inherit;box-sizing: inherit;text-decoration: none;}
  input,textarea,[contenteditable],.note-editable,.note-editable * { user-select: text !important; }
* {margin: 0 auto;padding: 0;box-sizing: border-box}
* {font-family: "Quicksand", "Roboto Condensed", "Trebuchet MS", Helvetica, sans-serif; font-optical-sizing: auto; font-weight: 500;font-size: var(--fontSize); font-style: normal;outline: none; }
h1 {margin: 0;padding: 0;font-size: 1.5em;font-weight: 900;}
label {margin: 0;padding: 0;font-size: 14px;margin-top: .3em;}
h2 {font-weight: 900;}
h2, h3 {margin: 0;padding: 0;font-size: 1em;}
body {background: radial-gradient(circle, #FFF, #e9f8ff, #f3f6fd); background-size: auto; background-size: 100% 100%;}
body {background: radial-gradient(circle, #E5FEFF, #f0f9fd, #cfecf9)}
body {width: 100vw;overflow-x: hidden !important;font-size: 13px;font-weight: 600;display: flex; justify-content: center; align-items: center; height: 100vh; margin: 0; }
.t, .t * {color: #000;text-align: center;text-decoration: none;font-weight: 900;font-size: 1.2em;}
.t p {font-size: .8em;color:#b21a08;}
h2 {font-size: 2em;padding-bottom: .5em;}
h3 {font-size: 1.5em;padding-bottom: .5em;margin-top: .5em;text-align: center;}
.gg {width: 90%;max-width: 300px;}
.g {margin-bottom: 1em;}
.l,.z {position: relative;height: 100vh;display: flex; justify-content: center; align-items: center;}
.l {width: 60%;}
.z {background-color: #fff;width: 40%;}
input {font-size: 14px;border: 2px solid rgba(0, 0, 0, .2);padding: .5em;border-radius: .3em;margin-top: .2em;width: 100%;}
button {font-size: 14px;border: 2px solid rgba(0, 0, 0, .2);padding: .5em;border-radius: .3em;margin-top: .2em;width: 100%;cursor: pointer;background-color: rgb(18, 156, 224);font-weight: 900;color: #fff;margin: .2em;}
input[type="radio"] {width: 1em;}

#pwd {border: 2px solid #4285F4;padding: 1em .5em;margin-top: .5em;border-left-width: 10px;}
.tabs { display: flex;justify-content: center; align-items: center;text-align: center; }
.tab-content span {font-size: 1.7em;}
.t-- { display: none; }
.t- { padding: .5em; cursor: pointer; border: 2px solid #ccc; margin-right: 5px; transition: background-color 0.3s;border-radius: .2em;}
.t-:hover { background-color: #ccc; }
.t--:checked + .t- { background-color: #4285F4; color: white; border-color: #4285F4; }
.tab-content { display: none; padding: 1em; background-color: white; border: 2px solid #ddd;margin-top: .5em;border-left-width: 10px;padding-bottom: 0;}
.t--:nth-of-type(1):checked ~ #t1 {display: block !important;;border-color: #4285F4}
.t--:nth-of-type(2):checked ~ #t2 {display: block !important;border-color: orange;}
.t--:nth-of-type(1):checked ~ .tabs #l1 {background-color: #4285F4; color: white; border-color: #4285F4;}
.t--:nth-of-type(2):checked ~ .tabs #l2 {background-color:orange; color: white; border-color: orange}
.t--:nth-of-type(1):checked ~ #pwd {border-color: #4285F4}
.t--:nth-of-type(2):checked ~ #pwd {border-color: orange}
b {font-weight: 900 !important;}
#r {background-color: gray;}
#r:hover {background-color: #000;opacity: 1;}
#b:hover {background-color: #000;}
#message {padding: .5em 0;font-size: 1.5em}
#message b {color: #129ce0}
#message td {user-select: text !important}
.err, .error {color: #b21a08 !important;}
body[ok="1"] .g-tabs {display: none !important;}
body[ok="1"] h1 {font-size: 16px;}
body[ok="1"] p {margin: 1em 0;}
body[ok="1"] table {border: 2px solid rgba(0, 0, 0, .2);width: 100%;padding: .2em;border-radius: .5em;}
body[ok="1"] td {border-bottom: 1px solid rgba(0, 0, 0, .2);}
body[ok="1"] td:first-child {opacity: .6;text-transform: lowercase;padding: .1em;}
body[ok="1"] tr:last-child td {border: none;}
body[ok="1"] #r {background-color: rgb(18, 156, 224);margin-top: 1.5em;}
body[ok="1"] #b {display: none !important;}
.btns {display: flex;}
#phidias {width: auto;padding-right: 2em}
#phidias + label {font-weight: 900;}
@media only screen and (max-width: 800px) {
    .l {display: none}
    .z {width: 100%}
}