.front-page-explanation {
       background: #f9f9fc;
       border-radius: 10px;
       border: 1px solid #e0e0ef;
       padding: 32px 28px 28px 28px;
       margin-bottom: 24px;
       font-size: 1.08em;
       color: #222;
       box-shadow: 0 2px 8px rgba(60, 60, 120, 0.07);
       line-height: 1.7;
   }

   .front-page-explanation h4 {
       color: #2a3b8f;
       margin-top: 0;
       margin-bottom: 12px;
       font-weight: 700;
       font-size: 1.25em;
   }

   .front-page-explanation ol {
       margin-left: 22px;
       margin-top: 10px;
       margin-bottom: 10px;
   }

   .front-page-explanation li {
       margin-bottom: 7px;
       padding-left: 2px;
   }

   .front-page-explanation span[style*="color:blue"] {
       display: block;
       background: #eaf3ff;
       border-left: 4px solid #2a3b8f;
       padding: 10px 14px;
       margin: 18px 0 10px 0;
       font-weight: 500;
       color: #2a3b8f !important;
       border-radius: 6px;
   }

   .front-page-explanation span[style*="color:red;"] {
       display: block;
       background: #fff4f4;
       border-left: 4px solid #d32f2f;
       padding: 10px 14px;
       margin: 18px 0 10px 0;
       font-weight: 500;
       color: #d32f2f !important;
       border-radius: 6px;
   }

   .front-page-explanation b {
       color: #2a3b8f;
   }

   #login-container {
       display: flex;
       justify-content: space-between;
       gap: 32px;
       margin: 32px auto;
       max-width: 700px;
       background: #fff;
       border-radius: 12px;
       box-shadow: 0 2px 12px rgba(60, 60, 120, 0.08);
       padding: 32px 24px;
   }

   #login-new,
   #login-member {
       flex: 1 1 0;
       background: #f9f9fc;
       border-radius: 10px;
       border: 1px solid #e0e0ef;
       padding: 28px 22px 22px 22px;
       margin: 0 8px;
       box-sizing: border-box;
   }

   #login-new h3,
   #login-member h3 {
       color: #2a3b8f;
       margin-top: 0;
       margin-bottom: 16px;
       font-weight: 700;
       font-size: 1.18em;
   }

   #login-new p {
       margin-bottom: 18px;
       color: #333;
   }

   .button-view {
       display: inline-block;
       background: #2a3b8f;
       color: #fff !important;
       padding: 10px 22px;
       border-radius: 6px;
       font-weight: 600;
       text-decoration: none;
       transition: background 0.2s;
       box-shadow: 0 1px 4px rgba(60, 60, 120, 0.07);
   }

   .button-view:hover {
       background: #1a265e;
   }

   #login-member form {
       margin-top: 8px;
   }

   .form-group {
       margin-bottom: 16px;
   }

   .form-group label {
       font-weight: 500;
       color: #2a3b8f;
   }

   .form-group input[type="text"],
   .form-group input[type="password"] {
       width: 100%;
       padding: 8px 10px;
       border: 1px solid #c0c0e0;
       border-radius: 5px;
       font-size: 1em;
       margin-top: 5px;
       background: #f6f7fb;
       transition: border 0.2s;
   }

   .form-group input[type="text"]:focus,
   .form-group input[type="password"]:focus {
       border-color: #2a3b8f;
       outline: none;
   }

   .form-group select {
       width: 100%;
       padding: 8px 10px;
       border: 1px solid #c0c0e0;
       border-radius: 5px;
       font-size: 1em;
       margin-top: 5px;
       background: #f6f7fb;
       transition: border 0.2s;
   }

   .login-btn {
       background: #2a3b8f;
       color: #fff;
       border: none;
       padding: 10px 22px;
       border-radius: 6px;
       font-weight: 600;
       cursor: pointer;
       transition: background 0.2s;
   }

   .login-btn:hover {
       background: #1a265e;
   }

   .form-links {
       margin-top: 8px;
   }

   .form-links a {
       color: #2a3b8f;
       text-decoration: underline;
       font-size: 0.98em;
       transition: color 0.2s;
   }

   .form-links a:hover {
       color: #d32f2f;
   }

   @media (max-width: 900px) {
       #login-container {
           flex-direction: column;
           gap: 18px;
           max-width: 98vw;
           padding: 18px 4vw;
       }

       #login-new,
       #login-member {
           margin: 0 0 12px 0;
       }
   }