body{color:#222;background-color:#f2f2f2;margin:0;font-family:Arial,Helvetica,sans-serif}.nav{background-color:#fff;border-bottom:1px solid #ccc;justify-content:space-between;align-items:center;padding:15px 30px;display:flex}.brand{color:#333;font-size:20px;font-weight:700;text-decoration:none}.list{gap:20px;margin:0;padding:0;list-style:none;display:flex}.list a{color:#444;font-size:15px;text-decoration:none}.list a:hover{text-decoration:underline}.btn-ghost{cursor:pointer;background-color:#fff;border:1px solid #999;border-radius:4px;padding:8px 16px;font-size:14px}.btn-ghost:hover{background-color:#eee}.auth-form-wrap{justify-content:center;padding:60px 20px;display:flex}.auth-form{background-color:#fff;border:1px solid #ccc;border-radius:6px;width:100%;max-width:350px;padding:30px}.auth-form h2{text-align:center;margin-top:0}.auth-sub{text-align:center;color:#666;margin-bottom:20px;font-size:14px}.field{flex-direction:column;margin-bottom:15px;display:flex}.field span{color:#444;margin-bottom:5px;font-size:13px}.field input{border:1px solid #bbb;border-radius:4px;padding:10px;font-size:14px}.field input:focus{outline:1px solid #36c}.form-error{color:#b00020;background-color:#fdecea;border:1px solid #f5c2c2;border-radius:4px;margin-bottom:15px;padding:8px 10px;font-size:13px}.btn-primary{color:#fff;cursor:pointer;background-color:#36c;border:none;border-radius:4px;width:100%;padding:10px;font-size:15px}.btn-primary:hover{background-color:#274e9e}.switch-line{text-align:center;color:#555;margin-top:15px;font-size:13px}.switch-line a{color:#36c;text-decoration:none}.switch-line a:hover{text-decoration:underline}.welcome{text-align:center;padding:80px 20px}.welcome h1{margin-bottom:10px;font-size:28px}.welcome-sub{color:#666;font-size:15px}h1{justify-content:center;display:flex}