/* Dedicated to login.php and reg.php. */
body.modern-auth-page.auth-kawaii {
  --auth-bg:#faf4fc; --auth-surface:#fffafe; --auth-surface-soft:#fbf6fd;
  --auth-border:#e3d6ef; --auth-ink:#514068; --auth-ink-strong:#514068;
  --auth-muted:#8b789a; --auth-primary:#9668bc; --auth-primary-strong:#b45692;
  --auth-accent:#a76f95; --auth-warm:#c99ace;
  font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  background:radial-gradient(ellipse at 6% 6%,#fde6ee 0,transparent 43%),radial-gradient(ellipse at 96% 12%,#e7e4fc 0,transparent 52%),linear-gradient(170deg,#fbf5fd 20%,#f5edfc 68%,#fff3f5 100%);
  min-width:280px;
}
.auth-kawaii .container-login100 {flex-direction:column;padding:28px 36px 18px;justify-content:center}
.auth-topline {display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%;max-width:1068px;margin-bottom:24px}
.auth-topline a {display:flex;align-items:center;gap:9px;color:#514068;font-size:19px;font-weight:800;letter-spacing:2px;text-decoration:none}
.auth-brand-star {display:grid;place-items:center;width:32px;height:32px;border:1px solid #e7d9ef;border-radius:12px;background:#fff9fe;box-shadow:0 3px 0 #e7d9ef;color:#a380cd;font-size:23px}
.auth-topline .auth-home-link {font-size:12px;font-weight:500;letter-spacing:.5px;color:#8b739c;border-bottom:1px dashed #cbb6dc;padding:3px 0}
.auth-kawaii .wrap-login100 {max-width:1068px;padding:0;border:2px solid white;border-radius:34px;background:linear-gradient(110deg,#fffafee8 10%,#fffafeaa 51%,#efe8f88c 100%);box-shadow:0 18px 60px #aa84bc16,inset 0 0 0 1px #f2e7f9;backdrop-filter:none}
.auth-kawaii .modern-auth-panel {grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);min-height:560px;border:0;border-radius:32px;background:transparent}
.auth-kawaii .modern-auth-side {min-height:0;padding:30px 30px 26px;align-items:center;justify-content:center;background:transparent;color:#514068;overflow:visible}
.auth-kawaii .modern-auth-side::before,.auth-kawaii .modern-auth-side::after {display:none}
.auth-side-intro {position:relative;z-index:2;text-align:center;width:100%}
.auth-welcome {display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border:1px solid #ead9ee;border-radius:24px;background:#f7ebf6;font-size:11px;font-weight:700;letter-spacing:1px;color:#9873ad}
.auth-kawaii .auth-logo {display:block;width:240px;max-width:100%;height:auto;margin:8px auto 0;filter:drop-shadow(0 4px 5px #baa1d622)}
.auth-kawaii .modern-auth-side h1 {max-width:none;font-size:19px;line-height:1.5;font-weight:750;letter-spacing:1px;color:#9367b6;text-align:center;margin:2px 0 8px}
.auth-kawaii .modern-auth-side h1 span {color:#dd9bbc;margin-left:5px}
.auth-art-scene {position:relative;width:100%;max-width:330px;margin:9px auto 0;padding:14px 8px 0}
.auth-art-frame {position:relative;aspect-ratio:720/680;overflow:hidden;border-radius:43% 43% 27% 30%;border:4px solid #ffffffbc;box-shadow:0 0 0 1px #e6d5f0,0 15px 35px #9a74c124;background:#ece6fc;-webkit-mask-image:linear-gradient(#000 87%,#0009 96%,transparent);mask-image:linear-gradient(#000 87%,#0009 96%,transparent)}
.auth-art-frame img {display:block;width:100%;height:auto;transform:translateY(-21.875%)}
.auth-spark {position:absolute;z-index:3;color:#a99bdf;line-height:1;pointer-events:none}
.auth-spark-one {font-size:36px;left:-7px;top:47px;color:#c798d7;transform:rotate(-12deg)}
.auth-spark-two {font-size:52px;right:-2px;top:0;transform:rotate(10deg)}
.auth-scene-label {position:relative;display:table;margin:0 auto;transform:rotate(-3deg);border:1px solid #ebd4e7;border-radius:13px;background:#fff7fbdc;color:#a47ba9;padding:4px 12px;font-size:11px;letter-spacing:1px;box-shadow:0 4px 10px #b18bc311}
.auth-kawaii .modern-auth-form {padding:40px 40px 36px;background:transparent}
.auth-kawaii .modern-auth-form form {max-width:380px}
.auth-kawaii .login100-form-title {font-family:inherit;color:#514068;font-size:29px;line-height:1.4;margin-bottom:24px;font-weight:800}
.auth-kawaii .wrap-input100 {min-height:56px;margin-bottom:14px;border:1px solid #e3d6ef;border-radius:16px;background:#fbf6fd}
.auth-kawaii .wrap-input100:focus-within {border-color:#b48ace;background:white;box-shadow:0 0 0 4px #b48ace20}
.auth-kawaii .input100 {height:54px;padding:0 16px 0 104px;color:#514068;font-family:inherit;font-size:15px}
.auth-kawaii .input100::placeholder {color:#a78db5}
.auth-kawaii .input100[readonly] {color:#9478a6;cursor:default}
.auth-kawaii .symbol-input100 {left:16px;color:#a17ab7;font-family:inherit;font-size:13px}
.auth-kawaii .form-check {margin-bottom:18px!important}
.auth-kawaii .form-check-label {color:#8b789a;font-size:13px}
.auth-kawaii .form-check-input {accent-color:#9668bc}
.auth-kawaii .container-login100-form-btn {margin-top:8px;margin-bottom:14px}
.auth-kawaii .modern-auth-links {gap:14px}
.auth-kawaii .login100-form-btn {min-height:56px;border:1px solid #b585cf;border-radius:17px;background:linear-gradient(115deg,#8f58bd 0%,#a65aaf 54%,#b45692 100%);color:white;font-family:inherit;font-size:15px;font-weight:800;letter-spacing:1px;box-shadow:0 4px 0 #a26ab7,0 9px 20px #ad71b326,inset 0 1px 0 #e6c8ee}
.auth-kawaii .login100-form-btn:hover {box-shadow:0 6px 0 #a26ab7,0 12px 22px #ad71b32a}
.auth-kawaii .login100-form-btn:active {transform:translateY(3px);box-shadow:0 1px 0 #a26ab7}
.auth-kawaii .login100-form-btn.secondary,.auth-kawaii .login100-form-btn.secondary:hover {border-color:#dbc4eb;background:linear-gradient(125deg,#fffaff,#f8eefb);color:#8662a8;box-shadow:0 4px 0 #e2d3ef,inset 0 1px 0 white}
.auth-kawaii .login100-form-btn.ghost,.auth-kawaii .login100-form-btn.ghost:hover {border-color:#eed7e6;background:linear-gradient(120deg,#fbedf4,#fff4f8);color:#a76f95;box-shadow:0 4px 0 #eed9e5,inset 0 1px 0 white}
.auth-kawaii .login100-form-btn:focus-visible,.auth-kawaii a:focus-visible {outline:3px solid #966acf;outline-offset:5px}
.auth-kawaii .login100-form-btn .fa {font-size:15px}
.auth-page-footer {color:#a38aaf;text-align:center;font-size:10px;line-height:1.7;letter-spacing:1px;padding:23px 0 4px}
.auth-page-footer span {color:#cdaece;padding:0 8px;font-size:14px}
@media(max-width:900px) {
  .auth-kawaii .container-login100 {padding:24px 28px 16px;align-items:center}
  .auth-kawaii .wrap-login100 {margin:0;padding:0}
  .auth-kawaii .modern-auth-side {padding:30px 20px 26px}
  .auth-kawaii .modern-auth-form {padding:32px 26px}
  .auth-kawaii .auth-logo {width:220px}
  .auth-kawaii .login100-form-title {font-size:27px}
  .auth-kawaii .modern-auth-side h1 {font-size:17px}
}
@media(max-width:680px) {
  .auth-kawaii .container-login100 {padding:18px 18px 12px;justify-content:flex-start}
  .auth-topline {max-width:454px;margin-bottom:20px}
  .auth-topline a {font-size:16px;letter-spacing:1px}
  .auth-brand-star {width:29px;height:29px;font-size:21px}
  .auth-topline .auth-home-link {font-size:11px}
  .auth-kawaii .wrap-login100 {max-width:454px;border-radius:29px}
  .auth-kawaii .modern-auth-panel {grid-template-columns:minmax(0,1fr);min-height:0;border-radius:27px}
  .auth-kawaii .modern-auth-side {align-items:flex-start;padding:22px 24px 19px;min-height:190px;overflow:hidden;border-bottom:1px solid #ebdff1;background-image:linear-gradient(90deg,#fffafefc 20%,#fffafee0 53%,#fffafe22 100%),url('/ios/illustration.png');background-position:center,right 23%;background-size:cover,auto 400px;background-repeat:no-repeat}
  .auth-side-intro {width:100%;text-align:left}
  .auth-welcome {font-size:10px;padding:3px 9px}
  .auth-kawaii .auth-logo {width:180px;max-width:70%;margin:7px 0 0}
  .auth-kawaii .modern-auth-side h1 {font-size:16px;text-align:left;margin:1px 0 0;max-width:220px}
  .auth-art-scene {display:none}
  .auth-kawaii .modern-auth-form {padding:26px 24px 27px}
  .auth-kawaii .login100-form-title {font-size:25px;margin-bottom:20px}
  .auth-kawaii .wrap-input100 {min-height:54px;margin-bottom:13px}
  .auth-kawaii .input100 {height:52px;font-size:16px;padding-left:96px}
  .auth-kawaii .symbol-input100 {left:14px;font-size:12px}
  .auth-kawaii .login100-form-btn {min-height:52px;font-size:14px;border-radius:16px}
  .auth-kawaii .modern-auth-links {gap:12px}
  .auth-kawaii .container-login100-form-btn {margin-bottom:12px}
  .auth-page-footer {font-size:9px;padding-top:20px}
}
@media(max-width:360px) {
  .auth-kawaii .container-login100 {padding-left:12px;padding-right:12px}
  .auth-kawaii .modern-auth-form {padding-left:20px;padding-right:20px}
  .auth-kawaii .modern-auth-side {padding-left:20px;padding-right:20px}
  .auth-kawaii .auth-logo {width:165px}
}